以子组件状态反应提交数据

问题描述 投票:0回答:1

我目前正在研究React,我对如何为我的项目组织组件的布局提出了疑问。因此,基本上我有一个父组件和两个子组件。我能够将状态发送到父组件,并尝试将数据(从子组件接收到)提交到数据库。该按钮位于父组件上。但是,无论何时提交数据,它都会发送之前提交的先前数据。我将得出我所做的逻辑,并将其发布在此问题下方。

注意:将函数通过道具从父级发送到子级,并在选择框或下拉菜单上调用onchange之后在子级上调用道具。 onchange将首先设置状态并调用道具。

我是新来的反应者,请告诉我是否有更好的布局。我愿意从错误中学习。

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9kRkRqWC5qcGcifQ==” alt =“在此处输入图像描述”>

javascript reactjs components state onchange
1个回答
0
投票

您可以从React官方文档中参考:https://reactjs.org/docs/lifting-state-up.html#lifting-state-up

提高孩子的状态是一种可能的解决方案:1.在父级而不是子级中定义您的状态2.将状态作为道具传递给您的孩子。3.在父母中进行状态设定,如果您的孩子需要进行状态设定,也可以通过道具将您的状态设定功能传递给孩子。4.设置状态后,由于道具值更改,您的父母将重新渲染,您的孩子也将重新渲染

您提到的发送了先前的数据,很可能与错误的状态处理有关。在此处共享您的代码可以更好地解决您的问题。

© www.soinside.com 2019 - 2024. All rights reserved.