NodeJS/React_访问局部变量

【问题标题】：NodeJS/React_Accessing a local variableNodeJS/React_访问局部变量
【发布时间】：2020-10-04 21:59:32
【问题描述】：

我在下面有这段代码，可以让我获得用户选择的选项，但问题是我无法访问局部变量，

代码如下

let gender=""

const handleAddrTypeChange = (e) => { 
   console.log((addrtype[e.target.value]))
   gender =addrtype[e.target.value] 
}

console.log(gender)

我正在寻找的是读取实际上未定义的值 gender

欢迎任何帮助，最好的问候

【问题讨论】：

使用state 代替可变局部变量。

标签： node.js reactjs

【解决方案1】：

如果您希望拥有一个“变量”并根据操作更新它，然后在其他地方使用更新后的值，您应该使用state

const [gender, setGender] = useState('');

const handleAddrTypeChange = (e) => { 
   console.log((addrtype[e.target.value]))
   setGender(addrtype[e.target.value])
}

console.log(gender)

更新组件状态将使用gender 的新值重新呈现组件。在您的示例中设置变量不会重新呈现组件

【讨论】：