这是react中的基本代码
var Hello = React.createClass({
render: function() {
return <div>Hello {this.props.name}</div>;
}
});
ReactDOM.render(
<Hello name="World" />,
document.getElementById('container')
);我的问题是我有多个地址构建组件关闭。那是
+ index.html
+ component
+ hello.html
+ world.html我需要你为那些模板充电。做这样的事情是可能的吗?
var Hello = React.createClass({
render: "component/hello.html"
});
ReactDOM.render(
<Hello name="World" />,
document.getElementById('container')
);发布于 2015-12-04 23:39:21
创建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>;
}
});然后只需要具有模块捆绑器的组件,如webpack或browserify。
var Hello = require('./component/hello');
ReactDOM.render(
<Hello name="World" />,
document.getElementById('container')
);https://stackoverflow.com/questions/34091690
复制相似问题