ReactDOM.render(<xxx>content</xxx>,DOM) 中的content

var Test = React.createClass({    render:function(){      return <div>{this.props.value}</div>
    }
  });
  ReactDOM.render(<Test value="test">Guess</Test>,document.getElementById('content'));

这是我做的测试,因为在Test中有render内容(this.props.value),在ReactDOM.render()之中也有内容(Guess),我想知道最后会按照哪个显示.

最后页面显示了 test ,而不是Guess;

那么我能不能这样认为: ReactDOM里面的内容只是为了提供Test显示的数据,但是是否显示还是要看Test里面render方法如何定义.

为了验证这个问题,我把上面的{this.props.value} 删掉之后,页面也变成了空白.

所以 ReactDOM.render(<xxx>content</xxx>,DOM) 中的content作用是什么呢?只是为了提供数据吗?

这应该是属于react的什么知识点呢,应该看什么方面的资料更深的理解?


largeQ
浏览 615回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript