Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs Props对象从React官方文档向组件传递子对象的含义是什么_Reactjs - Fatal编程技术网

Reactjs Props对象从React官方文档向组件传递子对象的含义是什么

Reactjs Props对象从React官方文档向组件传递子对象的含义是什么,reactjs,Reactjs,我是一个新的反应和阅读有关道具在中国 上面说 const element = <Welcome name="Sara" />; const元素=; 当React看到表示用户定义组件的元素时,它 将JSX属性和子级作为单个组件传递到此组件 对象。我们称这个对象为“道具” 我没有在“…此组件的子组件…”下找到子组件在哪里通过?假设您想知道子组件道具发生了什么,当您使用这样的组件时 <Welcome name="Sara" />;

我是一个新的反应和阅读有关道具在中国

上面说

const element = <Welcome name="Sara" />;
const元素=;
当React看到表示用户定义组件的元素时,它 将JSX属性和子级作为单个组件传递到此组件 对象。我们称这个对象为“道具”


我没有在“…此组件的子组件…”下找到子组件在哪里通过?

假设您想知道
子组件
道具发生了什么,当您使用这样的组件时

<Welcome name="Sara" />;
} 函数App(){ 返回
lorem lorem ipsum dolor sit amet
{/*包括它,因为我觉得这很奇怪*/} } ReactDOM.render( , document.getElementById('root')) )
在你的问题中
name=“Sara”
是孩子们。但是,句子的书写方式、短语和该部分的子项是一种一般性陈述,可能不适用于给出的示例

通常认为子级是嵌套组件。然而:

如果你看一下React文档,你会看到它说“子对象是一个不透明的数据结构”。他们本质上告诉我们,props.children可以是任何类型,比如数组、函数、对象等。因为你可以传递任何东西,所以你永远无法确定

我一直认为子组件是传递到组件中的其他组件、组件的一部分和/或JSX/HTML元素。我错了

我们知道,道具是传递到组件中的东西,包括变量(通常是对象)、函数和/或其他HTML/JSX元素和组件

孩子们也一样

道具是将子对象传递到组件中的方法。我们经常把通过道具传递的东西称为。。。道具。事实上,他们是孩子

在美国,有一种叫做Kleenex的鼻纸巾品牌。我不知道它是第一个品牌,还是仅仅是最受欢迎的品牌,但今天,要纸巾比要纸巾更常见。道具这一术语似乎也是如此

参考资料:


这不是一个好答案,当然不值得打勾。请改进或删除此答案。@crashwap您能重新查看编辑后的答案并让我知道您的想法吗?我为昨天我的答案的错误开始道歉(当时我很匆忙,在编辑时开始被否决,所以删除,直到我完成研究并重新开会为止)。你的问题原来比我一开始想象的更精明,结果我对我的发现有些惊讶。我相信修改后的答案正是你想要的。