Javascript React尚未呈现_Javascript_Babeljs_Render_React Dom

Javascript React尚未呈现

javascript

Javascript React尚未呈现,javascript,babeljs,render,react-dom,Javascript,Babeljs,Render,React Dom,我是这个领域的新手。我想寻求帮助。它应该加载一个图片；然而，相反，它说的是我还没有呈现。有人能帮我吗？或者在我能了解更多信息的时候推荐网站先谢谢你 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic

我是这个领域的新手。我想寻求帮助。它应该加载一个图片；然而，相反，它说的是我还没有呈现。有人能帮我吗？或者在我能了解更多信息的时候推荐网站

先谢谢你

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!--REACT LIBRARY-->
    <script src="https://unpkg.com/react@15.5.4/dist/react.js"></script>
    <!--REACT DOM LIBRARY-->
    <script src="https://unpkg.com/react-dom@15.5.4/dist/react-dom.js"></script>
    <!--BABEL LIBRARY-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js"></script>
     
    <title>FriendLy</title>
</head>
<body>
    <div id="app">React has not rendered yet</div>

    <script type="text/babel">

    //FriendLy Complex Component
    function FriendLy(){
        return( 
            <div>
                <Avatar/>
                <UserName/>
                <GetConnected/>
            </div>
        );
    }

    //Avatar Component
    function Avatar(){
        return (
            <img src="https://scontent.ftpf1-1.fna.fbcdn.net/v/t1.0-9/87995869_3235932739767864_4174493673800597504_n.jpg?_nc_cat=107&_nc_sid=09cbfe&_nc_ohc=BOdWu5KFnBwAX9X9FDz&_nc_ht=scontent.ftpf1-1.fna&oh=44631cd3c84d98db17c14bc9ea213f73&oe=5F1B1D6A" alt="profile pic"/>
        );
    }

    ReactDom.render(
        <FriendLy/>,
        document.getElementById("app")
    );
    
    
    
    </script>
    
</body>
</html>


友好的
React尚未呈现
//友好复杂组件
功能友好（）{
报税表（
);
}
//化身组件
函数Avatar（）{
返回(
);
}
ReactDom.render(
,
document.getElementById（“应用程序”）
);

因此，这种设置方式有点不常见。事实上，我不知道在没有构建工具的情况下，您可以用这种方式进行响应，但这非常酷

这里有一个语法错误。您需要更新以下内容：

ReactDom.render(...) to ReactDOM.render(...)

所以Dom应该在所有的caps-Dom中

此外，如果渲染组件，它将无法工作，因为它没有完全定义。你可以通过渲染你的化身组件来测试它

希望有帮助