Question

我正在学习ReactJS组件，在这里我的代码是......我没有在哪里保存这个文件或者我应该在哪个文件夹中保存这个文件？

<body>
 <div id="anmol"></div> <script
       src="https://unpkg.com/react@15/dist/react.min.js"></script> <script
       src="https://unpkg.com/react-dom@15/dist/react-dom.min.js"></script>
       <script
       src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js"></script>
       <script type="text/babel">   var NavBar = React.createClass({     
       render: function() {
           return (
                <div className='navbar navbar-deafult'> 
                <div className='navbar-header'>
                    <a className='navbar-brand'>React</a>
                </div>
                <div className="collapse navbar-collapse">
                    <ul className="navbar-nav nav navbar-right">
                        <li> <a href="">Home Page </a> </li>
                        <li> <a href="">About Us </a> </li>
                    </ul>
                </div>
                </div>
            );  } });   var HelloWorld = React.createClass({
           render:function() {
            return(
                <div> <h1>{this.props.children} </h1></div>
            );  } });    var destination = document.querySelector("anmol"); ReactDOM.render( <div> <NavBar/> <HelloWorld>
       HelloWorld</HelloWorld</div>,destination); </script> 
</body>

Answer 1

它看起来就像你正在学习反应一样，我强烈建议你使用https://github.com/facebook/create-react-app来设置整个环境与babel webpack以及你的一切，这样你就可以开始玩React了。问候并享受React。

Answer 2

您也可以使用codesandbox.io！

我使用更新的语法创建了您正在使用的示例。

https://codesandbox.io/s/n9227v5xkp

哪里可以保存ReactJS文件？

2 个答案: