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

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

在React中,如果狀態不影響渲染,是否可以在setState之后跳過重新渲染?

在React中,如果狀態不影響渲染,是否可以在setState之后跳過重新渲染?

largeQ 2023-07-20 09:51:05
例如,假設我有一個用于發出 API 請求的鉤子:function useApi(...) {  const [state, setState] = useState({ fetching: false });  useEffect(() => {    setState({ fetching: true });    fetch(...)      .then(() => setState({ fetching: false }));  }, [...]);  return { fetching: state.fetching };}有時, 的狀態useApi會影響渲染:function Foo() {  const { fetching } = useApi(...);  if (fetching) {    return 'Loading';  }  return 'Foo';}其他時候,它不會影響渲染:function Bar() {  useApi(...);  return 'Bar';}當setStateinuseApi不影響渲染時,是否可以避免重新渲染組件?我知道這不會對性能產生太大影響,但很高興知道這是否可行。
查看完整描述

1 回答

?
鴻蒙傳說

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

您可以創建一個boolean標志來確定是否要useApi及時更改掛鉤狀態。


const { fetching } = useApi(..., flag);

然后是內useApi鉤:


function useApi(..., flag) {

  const [state, setState] = useState({ fetching: false });


  useEffect(() => {

    flag && setState({ fetching: true });


    fetch(...)

      .then(() => {

         flag && setState({ fetching: false }));

         // do other stuff

      });

  }, [...]);


  return { fetching: state.fetching };

}


查看完整回答
反對 回復 2023-07-20
  • 1 回答
  • 0 關注
  • 163 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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