英文:
Nested React component not updating 'grandchilds'
问题
我有3个嵌套的选择项：国家 -> 州 -> 城市。
但是当我更改国家时，州会更新，但城市不会。
英文:
I have 3 nested selects: Country -> State -> City.
But when I change the Country, the State is updated but not the City.
答案1
得分: 0
那是正确的。当您更改国家时，State中的onChange会触发。
<select onChange={handleChange}>{options}</select>
因此，它会更改该值。由于您没有触发State，城市保持不变。
英文:
That is correct. When you change country, onChange in State
<select onChange={handleChange}>{options}</select>
gets triggered. So it changes the value. Since you are not triggering State, City is untouched
答案2
得分: 0
你可以在你的 Category 组件中添加一个 useEffect：
useEffect(() => {
if (category) setSelected(category.options[0])
}, [category])
英文:
You can add a useEffect in your Category component :
useEffect(()=> {
if (category) setSelected(category.options[0])
}, [category])
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论