React-Native 改变 inputText 背景一秒钟

Question

我正在开发一个 React Native 应用程序，但我遇到了一个问题。 当用户正确回答时，我想让 inputText 背景变为绿色。 我不使用按钮，所以如果用户有正确的答案，inputText 将为空（''）。 我为此使用 useState 。 如果文本是正确答案，则触发 setWord('')。

const [word, setWord] = useState('');

Answer 1

假设通常的背景颜色是白色，正确的背景颜色是绿色。

像这样添加背景颜色 state：

const [textinputBackgroundColor, setTextinputBackgroundColor] = useState('white');

现在，无论您检查文本的正确性 - 只要文本正确，您就可以像这样更改背景颜色：

setTextinputBackgroundColor('green');
setTimeout(() => setTextinputBackgroundColor('white'), 1000);

超时将在 1 秒后恢复白色背景颜色。