Question

不久前，我已经在CodePen上编写了这个ReactJS代码，我回来从中获得了一些示例，但是从我今天所学到的知识来看，我的代码不再可以在CodePen上使用。我想知道CodePen是否有与当前ReactJS代码冲突的最新更新？我不太确定。

我在CodePen上遇到错误，该错误在控制台中读取Uncaught SyntaxError: Unexpected token <，并且我认为这是某种解析错误。

我已经尝试过弄弄一些现有的代码，但是实际上没有什么可更改的。一切似乎都是简单应用程序的标准ReactJS样板。我还将从CodePen导入中导入正确的库，例如react和react-dom。

这是下面的代码：

class VisibilityToggle extends React.Component {
    constructor( props ) {
        super( props )
        this.state = {
            show: false
        }
        this.handleClick = this.handleClick.bind( this )
    }

    handleClick() {
        this.setState( prevState => ( {
            show: !prevState.show
        } ) )
    }

    render() {
        return (
            <div>
                <button onClick={ this.handleClick }>{ this.state.show ? 'Hide details' : 'Show details' }</button>
                { this.state.show && <p>details</p> }
            </div>
        )
    }
}

ReactDOM.render(<VisibilityToggle />, document.getElementById('app'))

这只是一个简单的应用程序，它在用户单击按钮时显示和隐藏一段文本（没什么不同）。

任何人都知道发生了什么事吗？

尽管过去可以使用CodePen上的ReactJS代码，但它不再起作用

0 个答案: