我是 React.js 新手,只是尝试一下。我的index.html中有一段代码如下:
<script type="text/babel">
var galleryData = [
{ smallURL: "https://farm6.static.flickr.com/5650/22151329006_9d32e48fe9_s.jpg", bigURL: "https://farm6.static.flickr.com/5650/22151329006_9d32e48fe9_b.jpg", title: "Nothing Gold Can Stay" },
{ smallURL: "https://farm6.static.flickr.com/5650/22151329006_9d32e48fe9_s.jpg", bigURL: "https://farm6.static.flickr.com/5650/22151329006_9d32e48fe9_b.jpg", title: "Nothing Gold Can Stay"}
];
var ThumbNail = React.createClass({
render: function(){
return (<a href={this.props.data.bigURL} title={this.props.data.title} data-gallery=""><img src={this.props.data.smallURL} /></a>);
}
});
....
</script>
我的问题很简单,但我太笨了,无法弄清楚: 我可以将这个标签内的整个脚本分离到另一个文件中,并像我们以正常方式处理 javascript 文件一样引用它吗?
如果是,该文件的扩展名是什么以及如何在 HTML 中引用它?
最佳答案
您可以而且应该将 JavaScript 放入单独的文件中。对于 React,大多数人使用文件扩展名 .jsx
在 JSX 中编写代码。
至于如何链接,我建议https://facebook.github.io/react/docs/getting-started.html#separate-file 。 Facebook 的文档做得非常好。
关于javascript - React.js : Separate React. HTML 中的 js 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33561103/