React中Select组件onChange无法获取全局变量的值，如何解决？

在IT行业这个发展更新速度很快的行业，只有不停止的学习，才不会被行业所淘汰。如果你是文章学习者，那么本文《React中Select组件onChange无法获取全局变量的值，如何解决？ 》就很适合你！本篇内容主要包括##content_title##，希望对大家的知识积累有所帮助，助力实战开发！

react中select组件onchange无法获取全局变量的值的解决办法

react函数中打印fetchdata变量显示空值，是因为它是一个全局变量，在useeffect中被设置。而在onchange事件处理函数中，这个变量是局部状态变量tdata，而不是全局变量。

要解决这个问题，可以将fetchdata变量作为参数传递给onchange事件处理函数，或者在函数内使用usememo或usecallback钩子来缓存变量。

代码示例：

const Equipment: React.FC<{ fetchdata: any, currentRef: any }> = (props) => {
  const { fetchdata, currentRef } = props;
  const [form] = Form.useForm();
  const [tdata, settdata] = useState<any>([]);

  useEffect(() => {
    settdata(fetchdata);
  }, [fetchdata]);

  const onCellChange = (value, type, idx) => {
    console.log(fetchdata); // 获取全局变量的值
    // ...其他处理逻辑
  };

  // ...其他代码
};

好了，本文到此结束，带大家了解了《React中Select组件onChange无法获取全局变量的值，如何解决？ 》，希望本文对你有所帮助！关注米云公众号，给大家分享更多文章知识！

如何在 Vue.js 中使用组件和选项卡组件来动态显示多个同一组件实例？