Question

我在ReactJS教程中使用以下示例：

const Button = function() {
   return {<button>Go</button>;
   };

};
ReactDOM.render(<Button/>, mountNode);

我在文件和int Javascript REPL中都尝试了它并得到了同样的错误：

  SyntaxError: unknown: Unexpected token (4:9)
  2 | 
  3 | const Button = function() {
> 4 |   return {<button>Go</button>;
    |           ^
  5 |   };
  6 | 
  7 | };

无法弄清楚出了什么问题 - 它似乎在教程视频中的相同设置中正常工作。

Answer 1

您应该将括号return {<button>Go</button>;};更改为return(<button>Go</button>);

Answer 2

您的组件是function组件，并且您不会将返回的元素包装在{}中。如果这样做意味着您要返回object

＆＃13;

const Button = function() {
   return <button>Go</button>;

};
const mountNode= document.getElementById('app');
ReactDOM.render(<Button/>, mountNode);

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.2/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.2/react-dom.min.js"></script>
<div id="app"></div>

＆＃13;

ReactJS示例失败

2 个答案: