为什么变量a
未定义?
export default function Surah() {
let a;
const toDo= (id) => {
a = id;
console.log(a);
};
return (
<div>
<div>
<button onClick={() => toDo(1)}></button>
<div>{a}</div>
</div>
</div>
)
}
你能解释一下我的代码有什么问题吗?
2条答案
按热度按时间polkgigr1#
这不是一个使用变量的最佳方式。相反,我们应该
useState
挂钩。我附上下面的代码片段供您参考。qnakjoqk2#
您需要使用
a
作为状态变量。更改变量值不会触发组件使用更新后的值再次呈现,对于此更新后的值,您需要使用setState再次呈现组件。