Question

我正在阅读this question，我遇到了this Fiddle：

/** @jsx React.DOM */

var SampleComponent = React.createClass({
    render: function() {
        return <div id='element' onClick={this.handleClick} >Mounted component.</div>;
    },
    handleClick: function() {
         alert(React.unmountComponentAtNode(event.target));
         alert(React.unmountComponentAtNode(document.getElementById('element')));
         alert(React.unmountComponentAtNode(works));
    }
});

works = document.getElementById('container');

React.renderComponent(<SampleComponent />, works);

即使帖子上的用户似乎表现得像解决了他们的问题，它似乎也不适合我。真正奇怪的部分是我在不同的浏览器上得到了完全不同的错误：

Firefox：SyntaxError: expected expression, got '<'
Chrome：Failed to load resource: the server responded with a status of 400 (Bad Request)
IE9（不是我预期它无论如何都会起作用）：Unable to get value of the property 'triggerType': object is null or undefined

这是小提琴新布局的问题还是在这里还有其他一些问题？我怎样才能在Fiddle中使用它？

Answer 1

使用不尝试加载不存在的资源的其他小提琴，例如，

https://jsfiddle.net/davelnewton/3mv48L6j/

另请注意，您的Fiddle JS中使用的编译指示已弃用。

分叉并更新分支以包含原始小提琴的功能，使任何必要的更改都是最新的。

var Hello = React.createClass({
  render: function() {
    return <div>Hello {this.props.name}</div>;
  }
});

ReactDOM.render(
  <Hello name="World" />,
  document.getElementById('container')
);

小提琴不使用JSX

1 个答案: