修复代码：无axios

4.0

14/6/2025

en编程代码修复ReactuseEffectAPI调用

Prompt

please correct for me this code, no axios

	useEffect(() => {
		const fetchData = async () => {

			try {
				const response = await axios.get('https://www.technosysa.com/new_announce.php', {
					params: {
						id: idParam,
						mode: 'get_announce'
					},
					headers: {
						'Content-Type': 'application/json',
					}

				});
				console.log(response.data);
				setItem(
					{
						id: idParam,
						description: response.data.description,
						Name_person: response.data.Name_person,
						telefono: response.data.telefono,
						whatsapp: response.data.whatsapp,
						email: response.data.email,
						file_path_user_jpg: file_path_user_jpg
					}
				);
			} catch (error) {
				console.error('Error fetching data:', error.data);
			}

		};
		fetchData();
	});

Resultado Generado

import React, { useEffect, useState } from 'react';

const App = () => {
  const [item, setItem] = useState({});
  const idParam = 'someId'; // Replace with actual id

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await fetch(`https://www.technosysa.com/new_announce.php?id=${idParam}&mode=get_announce`, {
          headers: {
            'Content-Type': 'application/json',
          },
        });
        const data = await response.json();
        console.log(data);
        setItem({
          id: idParam,
          description: data.description,
          Name_person: data.Name_person,
          telefono: data.telefono,
          whatsapp: data.whatsapp,
          email: data.email,
          file_path_user_jpg: data.file_path_user_jpg,
        });
      } catch (error) {
        console.error('Error fetching data:', error);
      }
    };
    fetchData();
  }, [idParam]);

  return (
    <div className="App">
      <h1 className="text-3xl font-bold text-center text-blue-500">Announcement Details</h1>
      <div className="mt-4 p-4 bg-gray-100 rounded-lg shadow-md">
        <p className="text-gray-700">{item.description}</p>
        <p className="text-gray-700">{item.Name_person}</p>
        <p className="text-gray-700">{item.telefono}</p>
        <p className="text-gray-700">{item.whatsapp}</p>
        <p className="text-gray-700">{item.email}</p>
        <img src={item.file_path_user_jpg} alt="User" className="mt-4 w-32 h-32 rounded-full" />
      </div>
    </div>
  );
};

export default App;

Open Sandbox

Más Recomendaciones

Ver Todo

PHP Textarea 大小写转换

编程en

4.0

i have a textarea named Diagnosis in my table named Histology_Report, convert textarea to uppercase as you type in phprunner

PHPTextareaUppercase20/6/2025

Discord Bot编程指南

编程en

4.0

a discord bot like pro bot i use vs code so i need java script language

Discord BotJavaScriptVS Code17/6/2025

修正React代码示例

编程en

4.0

please correct for me this code: useEffect(() => { const fetchData = async () => { try { const response = await axios.get('https://www.technosysa.com/new_announce.php', { params: { id: idParam, mode: 'get_announce' }, headers: { 'Content-Type': 'application/json', } }); console.log(response.data); setItem( { id: idParam, description: response.data.description, Name_person: response.data.Name_person, telefono: response.data.telefono, whatsapp: response.data.whatsapp, email: response.data.email, file_path_user_jpg: file_path_user_jpg } ); } catch (error) { console.error('Error fetching data:', error.data); } }; fetchData(); });

ReactuseEffect代码修正14/6/2025

现代CSS美化代码

编程en

4.0

plase make very beauty and modern css the following code without use @import: <div className="App"> <header className="App-header"> <br /> <br /> <div className="row"> <div className="alignleft"> <i className="fa fa-bolt fa-3x"></i> </div>&nbsp&nbsp <form method="post" action="anuncia_new.php?mode=modificar"> <strong>{description}</strong> {/* \n" */} <div> {Name_person}<br />{telefono}<br />{email} </div> <input name="description" type="hidden" value={description}/> <input name="email" type="hidden" value={email}/> <input name="telefono" type="hidden" value={telefono}/> <input name="Name_person" type="hidden" value={Name_person}/> <input name="id" type="hidden" value={id}/> <br/> <button className="btn btn-success btn-lg" type="submit" >Modificar</button> </form> </div> <br/> {file_path_user_jpg && <> <div className="row "> <div className="center-block"> <div className="col-md-3 "> <div className="gradient-box"> <a target="_blank" rel='noreferrer' href={file_path_user_jpg}> <img src={file_path_user_jpg} alt="" style={{width:"150px"}} /> </a></div> </div> </div> </div> <br /> <br /> </> } <br /> <br /> <br /> </header> </div>

CSS前端开发代码美化13/6/2025

C++编程指南

编程en

4.0

cpp code

C++编程代码11/6/2025

优化Java通知类代码

编程en

4.0

Juste Improve this notification : @Builder @Getter @Setter @AllArgsConstructor @NoArgsConstructor public class Notification implements Serializable { private Event payload; private Map<String, String> headers; @Override public boolean equals(@Nullable Object other) { // Using nullSafeEquals for proper array equals comparisons return (this == other || (other instanceof Notification that && ObjectUtils.nullSafeEquals(this.payload, that.payload) && this.headers.equals(that.headers))); } @Override public int hashCode() { // Using nullSafeHashCode for proper array hashCode handling return ObjectUtils.nullSafeHash(this.payload, this.headers); } @Override public String toString() { StringBuilder sb = new StringBuilder(getClass().getSimpleName()); sb.append(" [payload="); sb.append(this.payload); sb.append(", headers=").append(this.headers).append(']'); return sb.toString(); } }

Java代码优化注解5/4/2025