為什么我的組件在更新后沒有重新渲染？

Question

我正在嘗試更改我的對象數組的 state，它確實更改了 state，但我的組件沒有重新渲染。 這是為什么？

useEffect(() => {
    if(data && data.rows) {
        data.rows.forEach(async (elem) => {
            const row = await axios.get(url);
            elem.members= row.data.length;
        })
    }
}, [data])

Answer 1

僅當您設置 state 時組件才會重新渲染，無論它是基於 class 的組件還是掛鈎

1.class 基於組件this.setState()

2.鈎子setLen()

const [len, setLen] = React.useState(0);
useEffect(() => {
    if(data && data.rows) {
        data.rows.forEach(async (elem) => {
            const row = await axios.get(url);
            setLen(row.data.length);
        })
    }
}, [data])

Answer 2

對於要重新渲染的組件，必須更新 state。 您需要執行setState才能更新組件。 此外，如果您從 props 獲取更新的值，那么您應該考慮使用 react 的componentDidUpdate生命周期鈎子。