reactjs - 根据 bool 值 react 更新 Prop 和渲染

Question

我有一个父函数组件，它有一个 bool 值(通过子组件设置，也用于在父组件上呈现一些容器)。

以下设置在基于 isSomeBoolean 的更新和动态渲染方面是否正常？

const [isSomeBoolean, setisSomeBoolean] = useState(true);    
const updateIsSomeBoolean = (boolVal) => {
    setisSomeBoolean(boolVal);
}


<ChildComp updateIsSomeBoolean={updateIsSomeBoolean} /> 
  
{isSomeBoolean && (
    <div className="container">
    ....
    </div>
)
}

在子组件中，我在某处调用父函数，如下所示；

props.updateIsSomeBoolean(false);

Answer 1

是的，将状态和 Controller 函数传递给子组件在 React 中是很正常的。

但请始终牢记，更改父组件中的状态会同时渲染两个组件，因此请将状态保持在需要的组件附近。

在您的场景中，您正朝着正确的方向前进。