React.props.children 无限期
我仍然不太确定父母如何反应/孩子们。
我有一个叫做的组件
, 这拉我的组件
因此，我建议测验将是父母 quizBody? 但是当我打电话的时候
在任何文件中。 我不确定吗？
如果有必要，您可以放置更多代码，但只是让孩子们如何工作 react.
我有一个叫做的组件
quiz
, 这拉我的组件
quizBody
<div classname="quizContainer">
<h1>{this.props.quizName}</h1>
<quizbody disabled="{this.state.disabled}" handleenteredvalue="{this.handleEnteredValue}" onenter="{this.onEnter}" quizname="{this.props.quizName}" start="{this.startQuiz}" time="{this.props.time}" youwon="{this.state.youWon}"></quizbody>
</div>
因此，我建议测验将是父母 quizBody? 但是当我打电话的时候
this.props.children
在任何文件中。 我不确定吗？
如果有必要，您可以放置更多代码，但只是让孩子们如何工作 react.
没有找到相关结果
已邀请:
3 个回复
三叔
赞同来自:
安装在当前项目的内容上。
在这种情况下
' s
- 这是
.
在你的例子中
- 这是
在
, 因为你创造了
没有内容。
三叔
赞同来自:
父组件 2 孩子们 /孩子/.
其中一个用途 React.children 如下：
class Parent extends React.Component {
render// {
console.log/this.props.children/;
return /
<div>
{ this.props.children }
</div>
/
}
}
const Child = // => <div>Hello</div>
const Family = // => <parent>
<child></child>
<child></child>
</parent>
ReactDOM.render/<family></family>,
document.getElementById/'app'//
君笑尘
赞同来自:
https://jsfiddle.net/jmxgp5pp/
, 了解它是如何工作的 'children'.
var Parent = React.createClass/{
render: function// {
return /
<div>
{this.props.children.map/child => <div>
Child: {child}
</div>/}
<span>I'm not a child</span>
</div>
/;
}
}/;
var Child = React.createClass/{
render: function// {
return /
<span> I'm {this.props.name} </span>
/;
}
}/;
ReactDOM.render/
<parent>
<child name="one"></child>
<child name="two"></child>
</parent>
,
document.getElementById/'container'/
/;