亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在 ReactJS 中獲取 PHP 文件的回顯

在 ReactJS 中獲取 PHP 文件的回顯

三國紛爭 2024-01-18 20:32:20
我對 ReactJS 完全陌生,剛剛完成了我的教程,現在我正在使用 React。我一開始只是制作一個 PHP 文件 echo“Hello”,然后 React.js 獲取該響應并將其顯示在網站上,但它似乎根本不起作用。我的 PHP 代碼:<?PHP  echo "Hello!";?>我的 React.js 代碼:const [data, newData] = useState(null);useEffect(() => {  fetch(//MY .php file link, NOT API just a php file echoing hello)    .then((response) => response.json())    .then(newData);  });          return (    <>      <div>        { data }      </div>    </>  );
查看完整描述

1 回答

?
幕布斯6054654

TA貢獻1876條經驗 獲得超7個贊

在第一個.then()中fetch,當您嘗試使用該方法從響應中提取 JSON 內容時json(),您應該使用該.text()方法,因為您從服務器返回一個簡單的字符串,而不是 JSON 對象。返回此文本后,您可以更新第二個中的狀態.then()。


不要忘記在您的 中包含依賴項數組useEffect,因為如果沒有它,您將始終在運行后觸發另一個渲染。如果添加一個空數組作為依賴項,它將僅在頁面加載時獲取。


function App() {

  const [data, newData] = useState(null);


  useEffect(() => {

    fetch(URL)

      .then((response) => response.text())

      .then((response) => newData(response));

  }, []);


  return <div>{data ? data : 'No data yet...'}</div>;

}


查看完整回答
反對 回復 2024-01-18
  • 1 回答
  • 0 關注
  • 197 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號