Reactjs Update State on Props Change

React Update State on Props Change 問題 今天在研究 React 遇到一個問題 當我從外面更新 props 的時候 component 內的 state 不會更新 1 2 3 4 5 6 7 function Input(props){ const [text, setText] = React.useState(props.text); return ( <input type="text" value={text}> ) } 如同上面程式，第二行的 useState 不會隨著 props 更新而更新 解法 後來找到解法，加上一個 useEffect 監聽 props.text 然後更新 state 就好了 1 2 3 4 5 6 7 8 9 function Input(props){ const [text, setText] = React.useState(props.text); React.useEffect(() => { setText(props.text); }, [props.text]);...

Submit