Reactjs textarea未填充默认值，而是在文本区域顶部显示值？

我这里有这段代码，当它呈现时，它不会在文本区域内显示this.props.child，而是显示在文本区域的顶部

renderNormal(){
    return (<div className="commentContainer">
        <div className="commentText">{this.props.child}</div>
        <button onClick={()=>{this.edit()}} className="button-primary">EDIT </button>
        <button onClick={()=>{this.delete()}} className="button-danger">DELETE </button>
    </div>);
}  

renderForm(){
    return (<div className="commentContainer">
        <textarea defaultValue= {this.props.child}> </textarea>
        <button onClick={()=>{this.save()}} className="button-primary">SAVE </button>
    </div>);
}

render(){
    if(this.state.editing){
        return this.renderForm();
    }else {
        return this.renderNormal();
    }

}

renderNormal（）{
返回(
{this.props.child}
{this.edit（）}className=“button primary”>编辑
{this.delete（）}className=“button danger”>删除
);
}  
renderForm（）{
返回(
{this.save（）}className=“button primary”>保存
);
}
render（）{
if（this.state.editing）{
返回这个.renderForm（）；
}否则{
返回这个.renderNormal（）；
}
}

我像这样传递子值

ReactDOM.render(<div className="board"> CHILD1<Movie/> CHILD2<Movie/> </div>, document.getElementById('root'));

ReactDOM.render（CHILD1 CHILD2，document.getElementById（'root'）；

我不确定上述方法是否正确，但当我尝试这样做时

ReactDOM.render(<div className="board"> <Movie>CHILD1</Movie> <Movie>CHILD2</Movie> </div>, document.getElementById('root'));

ReactDOM.render（CHILD1 CHILD2，document.getElementById（'root'）；

我犯了一个错误

---

我是个新手，请耐心点，我会尽力理解的。谢谢你的帮助

要显示子项，您需要使用

子项

属性（特殊），而不是

子项

属性（不特殊）。因此：

我想你想要一处房产：

<div className="commentText">{this.props.value}</div>

{this.props.value}

及

然后，在渲染时（修复原始帖子中的一些语法错误）：

ReactDOM.render(
,
document.getElementById（'root'））
);

第二种方法是根据您的用例正确执行此操作的方法。你在第二名中犯了什么错误？@Prakashsharma hi我得到了一个“元素电影未关闭”和“或”（预计在tag@Prakashsharma我这样做了，但是现在我的renderNormal函数中的标签中没有显示任何内容了。谢谢你的回答，非常感谢！@UWGOOSE Great！当你有机会的时候，你能把这个答案标记为正确的和正确的投票吗？

<textarea defaultValue= {this.props.children}> </textarea>

<Movie><span>Span element can't be a defaultValue</span></Movie>

<div className="commentText">{this.props.value}</div>

<textarea defaultValue= {this.props.value}> </textarea>

ReactDOM.render(<div className="board">
    <Movie value="CHILD1" />
    <Movie value="CHILD2" />
  </div>,
  document.getElementById('root')
);