javascript - Chrome 中的 JSX/JavaScript 语法

Question

这真的很愚蠢，但我在使用 Chrome(在 Firefox 中工作正常)时遇到了一个问题，这个语法是从 react-dnd 组件(链接:https://github.com/gaearon/react-dnd/blob/master/examples/_dustbin-simple/Dustbin.js)中借用的。

const itemDropTarget = {
    acceptDrop(component, item) {
        component.setItem(item);
    }
};

它触发了这个错误:

未捕获的语法错误:意外的标记(

Chrome 也不喜欢这样:

const DustbinSimple = React.createClass({
    render() {

必须是:

const DustbinSimple = React.createClass({
    render: function() {

我错过了什么？一定是我不明白的非常基本的东西。

提前致谢。

Answer 1

JSX 是 Javascript 的扩展。要在浏览器中实际运行它，您必须通过 JSX Transformer 运行它.