Node.js NodeJS/React\u访问局部变量

下面的代码允许我获取用户选择的选项，但问题是我无法访问局部变量

代码如下

let gender=""

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

console.log(gender)

我要找的是读取实际上未定义的值

gender

欢迎任何帮助，

---

致以最诚挚的问候

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

状态

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

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

console.log(gender)

---

更新组件状态将使用

gender

的新值重新启动组件。像您的示例中那样设置变量不会重新启动组件

使用

状态

而不是可变局部变量。