javascript - React 无法从不同组件的函数体内更新组件

标签 javascript reactjs formik

我用Formik和react-reaflet制作了一个表单,当用户单击按钮时,会出现一个带有预定义经度和纬度的 map ,他可以在 map 上导航并通过拖动光标自动更改其位置。

该功能按预期工作,但是当我单击光标更改位置时,React 在控制台中向我显示此错误警告:渲染时无法更新组件(Main)不同的组件(Formik)。。我尝试解决它,但仍然不起作用。我创建了这个sandbox这样您就可以看到错误如何显示在控制台上

最佳答案

问题出在 components/mapper.js ln:12 中。

你做了:

setLatitude(latitude);
setLongitude(longitude);

就在渲染函数内。你为什么这么做?

关于javascript - React 无法从不同组件的函数体内更新组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61093282/

相关文章:

javascript - 如何在类组件中使用 React 导航 Prop ?

javascript - 如何通过 javascript execCommand 将当前光标中的一行格式化为 <h1> 或 <p> 标签?

html - 我正在尝试在新选项卡中打开此链接,这样用户就不必离开我的网站,但它不适用于 _blank

reactjs - 无法读取不可变记录中的列表条目

reactjs - 如何使用 Formik 应用突变?

javascript - Formik 值不随状态更新

javascript - Bootstrap 关闭一个 div 调整另一个大小

javascript - 以惯用方式组织 javascript webdriver Promise 代码

reactjs - 中继(使用 GraphQL)和 Redux 之间的区别?

reactjs - 即使使用 enableReinitialize,Formik FieldArray 也不会重新渲染更新的值