如何在 React 中渲染组件时始终将状态变量值重置为其初始值

Question

我有一个 React 组件，它就像一个图表，您可以在其中单击不同的节点以获取更多信息。 我在此组件中有一个布尔状态变量（ clickedNode ），以确定单击节点时是否需要呈现另一个组件（基本上是带有信息的表）。 所以从这个图形组件中，我调用了这个表格组件，在表格组件中我有另一个状态变量（ clickedTableRow ）。 基本上，我希望这个状态变量在呈现这个表组件时总是初始化为 false。 我有一些逻辑可以在表格组件中将此变量设置为 true，但是当从图形组件调用表格组件时，如何始终将此变量初始化为 false？

作为参考，这是我的代码的模板：

  const Graph=()=>{

    //graph rendering code

    {clickedNode?(<div> <Table /> </div>):("")}

  }

  const Table = props => {

    let[clickedTableRow,setTableRowClicked]=useState(false)  // I want clickedTableRow to be initialized to false always

    //rest of the table code
  }

Answer 1

您可以使用常规变量而不是状态：让 clickedTableRow = false