Javascript 需要帮助才能开始使用React_Javascript_Reactjs

Javascript 需要帮助才能开始使用React

javascript reactjs

Javascript 需要帮助才能开始使用React,javascript,reactjs,Javascript,Reactjs,我从React开始，我试着从基础开始。现在，这是我的代码 index.html <!DOCTYPE html > <html> <head> <meta charset="UTF-8" /> <title>index</title> <script src="https://unpkg.com/react@16/umd/react.development.js" crossori

我从React开始，我试着从基础开始。现在，这是我的代码

index.html

<!DOCTYPE html >
<html>
    <head>
        <meta charset="UTF-8" />
    <title>index</title>
    <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
    <script type="text/babel" src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
    <script src="index.js" type = "text/babel "></script>


</head> 

<body>
    <div id = 'try'></div>  
    <script type= "text/babel">
        const element = <Welcome />;
        ReactDOM.render(
          element,
          document.getElementById('try')
        );
    </script>


</body>
</html>


指数
常量元素=；
ReactDOM.render(
元素，
document.getElementById（'try'）
);

这是我的index.js

class Welcome extends React.Component {
    render(){
        return <h1> hello</h1>;
    };

};

类欢迎扩展React.Component{
render（）{
回复你好；
};
};

它应该在index.html上显示“hello”，但页面仍然是空白的，错误在哪里

pd：还尝试使用“text/jsx”而不是“text/babel”

尝试调用

Welcome

而不设置为const

    ReactDOM.render(
      <Welcome />,
      document.getElementById('try')
    );

ReactDOM.render(
,
document.getElementById（'try'）
);

试试这个，应该可以：

类欢迎扩展React.Component{
render（）{
回复你好；
};
};


常量元素=
render（元素，document.getElementById（“try”）；

如果我在html上创建类，它会工作，但是如果我尝试导入它，我会得到一个cors策略错误。我相信这是因为

index.js

文件从react.js CDN中请求react类，一些浏览器允许这种情况发生（在某些情况下），例如“firefox”，chrome不会，原因超出了评论的范围。我建议您继续合并这两个文件，使用index.html来创建类，或者创建一个React dev环境，这样您就可以分离代码库了。