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

Question

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

该功能按预期工作，但是当我单击光标更改位置时，React 在控制台中向我显示此错误警告：在呈现不同组件时无法更新组件 ( ) ( )。MainFormik. 我试图解决它，但它仍然不起作用。我创建了这个沙箱，这样你就可以看到错误是如何出现在控制台上的

标签： javascriptreactjsformik

Answer 1

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

你做了：

setLatitude(latitude);
setLongitude(longitude);

就在渲染函数内部。你为什么这样做？