React state 不更新

Question

我正在更新 object 的 state，比如obj = { a:1, b: ['hello','bye'] }到setObj({ a:1, b:['hi','good'] }) 。 React 重新渲染這個 ParentComponent。

//父組件

return (
  <>
    {
      obj.b.map((data,i)=>{
        <ChildComponent greetings={data}/>
      })
    }
  </>
)

但它不會重新渲染 ChildComponent，我是新手，仍在探索新事物。 請幫我解決這個問題。

Answer 1

如果你這樣寫， ChildComponent將不會被渲染。 相反，你應該添加一個return

    {
      obj.b.map((data,i)=>{
        return <ChildComponent greetings={data}/>
      })
    }

或者

{
   obj.b.map((data,i)=>(<ChildComponent greetings={data}/>))
}