Question

我想知道什么是最佳做法。您应该让所有组件渲染还是应该停止渲染？假设我有一个只在点击时显示的删除模式。

我应该放入我的模态

render() {
  // if something return false to stop rendering
  return ( )
}

Answer 1

设计您的DeleteModal组件，以便在其render()方法中始终呈现所需的UI。然后在父组件中，使用该对话框的那个组件，您有条件地显示/隐藏它：

render() {
    return (
        <div>
            some content here
            ...

            {showDeleteModal ? <DeleteModal /> : null}          
        </div>
    );
}

停止渲染Reactjs组件？

1 个答案: