React Insert功能-子组件问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React Insert功能-子组件问题相关的知识,希望对你有一定的参考价值。

我在react中使用父级和子级组件。

在父母中,我有以下字段(名字,姓氏和手机号码)

在子组件中,我具有图像上传组件。当我将图像上传到Fire Base(以从Fire Base存储获取返回图像URL)时,在我单击父组件中的提交按钮之前,父组件详细信息已插入数据库中。

我的问题是:

为什么子组件将图像插入数据库时​​为什么会发生父组件字段插入

问题2:如何在react中将返回URL发送回父组件

谢谢。

答案

请提供您的代码,以便我们更好地查看。乍一看,我很确定触发图片上传并不一定要提交:D

对于问题2,如果我正确理解您的意思,则可以在父组件上定义一个函数,以在该父组件上设置状态,然后将其作为prop传递给子代。一旦在子组件上具有此功能,就应触发它,例如,将URL作为参数传递给该子组件上按钮的onClick事件。这样您就可以将返回的URL存储在父元素的状态中。

以上是关于React Insert功能-子组件问题的主要内容,如果未能解决你的问题,请参考以下文章

功能组件中的 React Lifecycle 问题(子组件中的数据未定义)

如何在 TypeScript 中使用带有 React 无状态功能组件的子组件?

根据父状态更新子状态 react 功能组件

React 尝试在功能组件中调用子 (useRef) 函数

React - 父类组件功能改变子组件的类

React Native - 处理来自子组件(自定义组件)的父状态,而不在父组件中添加功能