Question

我正在学习React JS。我找到了一个如何使用react创建按钮的示例。我下载了Atom，然后将代码复制到了Atom，但是所有代码都是用红色强调。我如何查看下面发布的代码的结果。

代码：

var React = require('react');

var buttonStyle = {
margin: '10px 10px 10px 0'
};

var Button = React.createClass({
render: function () {
return (
  <button
    className="btn btn-default"
    style={buttonStyle}
    onClick={this.props.handleClick}>{this.props.label}</button>
);
}
});

module.exports = Button;

Answer 1

首先，请确保文件的扩展名为jsx。例如：index.jsx。这是因为.js扩展名无法读取React文件。

我建议初学者不要使用复制和粘贴示例代码的方式将此create-react-app样板用作起点。请查看此github链接https://github.com/facebook/create-react-app以开始使用，并按照步骤进行操作，就可以了。

如何显示reactjs的结果

1 个答案: