应用状态更改时更新显示状态

Question

我正在使用带有钩子的React。 我有一个App作为const [key, setKey] = useState("");的父组件 和一个Display组件（从另一个.js文件导入，在我的App渲染中称为<Display />），该组件需要在每次key更新时进行更新。

免责声明：我感觉有一个超级“鼻子上的鼻子”的答案，但是我一直在SO和React文档中找了几个小时，却找不到一个直接的答案。我真的很抱歉，如果这是一个重复的问题，我发誓这不是我的懒惰，而是真正的绝望。

Answer 1

尝试使用其他名称，我会说aKey。您可以执行以下操作： 您可以在展示广告中通过aKey作为道具，如下所示：

<Display aKey={aKey}/>

，然后在“显示组件定义”中：

const Display = ({aKey}) => { ... }

因此，当aKey在App中更新时，它也将在Display组件中更改。