Javascript 使用其他HTML进行渲染

这是react中的基本代码

var Hello = React.createClass({
    render: function() {
        return <div>Hello {this.props.name}</div>;
    }
});

ReactDOM.render(
    <Hello name="World" />,
    document.getElementById('container')
);

我需要你对这些模板收费。有可能这样做吗

var Hello = React.createClass({
    render: "component/hello.html"
});

ReactDOM.render(
    <Hello name="World" />,
    document.getElementById('container')
);

var Hello=React.createClass({
render：“component/hello.html”
});
ReactDOM.render(
,
document.getElementById（'容器'）
);

创建React组件而不是HTML文件

+ index.html
+ component
  + hello.jsx
  + world.jsx

例如，

component/hello.jsx

如下所示：

module.exports = React.createClass({
  render: function() {
    return <div>Hello {this.props.name}</div>;
  }
});

module.exports=React.createClass({
render:function（）{
返回Hello{this.props.name}；
}
});

然后只需使用模块绑定器（如webpack或browserify）即可

var Hello = require('./component/hello');

ReactDOM.render(
  <Hello name="World" />,
  document.getElementById('container')
);

var Hello=require（'./组件/Hello'）；
ReactDOM.render(
,
document.getElementById（'容器'）
);

这就破坏了ReactJS的模式，它们在什么方面是动态的？在html中，组件不是动态的。对不起，我一点也不明白。也许在你的问题中包含一个HTML文件会有帮助，这样我就可以看到了？

var Hello = require('./component/hello');

ReactDOM.render(
  <Hello name="World" />,
  document.getElementById('container')
);