如何使按钮在按下另一个 React Native TypeScript 按钮之前不起作用

Question

我有这样的问题，我需要代码，以便在按下一个按钮后，可以按下另一个 React Native TypeScript 按钮

我尝试了很多东西，但没有结果

Answer 1

您将需要跟踪一些信息，如何做取决于上下文。

但本质上在渲染过程中你需要知道按钮是否被按下。最基本的形式是

const [hasBeenPressed, setHasBeenPressed] = useState(false)

然后当第一个按钮被点击时，你做任何按钮需要做的事情加上调用

setHasBeenPressed(true)

第二部分是使用

hasBeenPressed

以某种方式影响第二个按钮。同样，最简单的形式是

<button disabled={!hasBeenPressed}/>

。我不知道具体的 React Native 按钮。

这是一个简单的例子，如果你想进一步看它，也许你可以根据第一个按钮或其他方式可能已经更改或设置的一些数据来推导第二个按钮是否应该被禁用，但这些是更多细节。希望这可以帮助您入门。