是的，
getDOMNode()返回已
render编辑的最外面的DOM元素。
A1。我建议您使用一个
ref属性（documentation），该属性提供对DOM元素的引用以供以后使用：
<div ref="chart" className="Chart" />componentDidMount: function() { // << you can get access to the element by name as shown below var chart = this.refs.chart; // do what you want here ...}A2。尽管最终您可能希望将代码重构为多个组件，但是创建的内容没有任何问题（假设您尝试上述
ref选项）。
A3。由于图例表示非常不同的功能（并且是独立的），因此创建独特的组件将是典型的React。您可能仍然具有
Chart既包含实际图表可视化又包含显示图例的组件。这是一个很好的关注点分离。但是，您还可以考虑一个Flux模型，其中每个组件都侦听更改并完全独立地呈现其视觉效果。如果它们紧密配合，则Flux模型可能没有太大意义。
侧面：使用JSX，您可能会看到：
React.render(<App />, document.body)
这样就可以将渲染
App到文档主体内容中。
这等效于预编译的JSX：
React.render(React.createElement(App, null), document.body);
