Reactjs MagicValue未在React中定义_Reactjs

Reactjs MagicValue未在React中定义

reactjs

Reactjs MagicValue未在React中定义,reactjs,Reactjs,开始学习React的前30分钟，无法编写本书的第一个示例 <!doctype html> <title>Hello Kansas City LOL</title> <script src="https://unpkg.com/react@16.4.0/umd/react.development.js"></script> <script src="https://unpkg.com/react-dom@16.4.0/umd/r

开始学习React的前30分钟，无法编写本书的第一个示例

<!doctype html>

<title>Hello Kansas City LOL</title>

<script src="https://unpkg.com/react@16.4.0/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16.4.0/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

<div id="app"></div>

<script type="text/babel">
    var anElement = {
        $$typeof:  magicValue,
        type:  "p",
        ref: null,
        props: {
            children: "Hello World From KC."
        }
    };

var renderTarget = document.getElementById("app");
ReactDOM.render(anElement, renderTarget);
</script>


你好，堪萨斯城，哈哈
var anElement={
$$typeof:magicValue，
键入：“p”，
ref:null，
道具：{
孩子们：“你好，来自KC的世界。”
}
};
var renderTarget=document.getElementById（“应用”）；
render（一个元素，renderTarget）；

它给出的错误是“MagicValue未定义” 但我从书中了解到，这个神奇的价值是React的某种已知价值。

那么发生了什么呢？

在代码中，typeof应该保持不变

这应该有效


你好，堪萨斯城，哈哈
var anElement={
$$typeof:Symbol.for（“react.element”），
键入：“p”，
ref:null，
道具：{
孩子们：“你好，来自KC的世界。”，
},
};
var renderTarget=document.getElementById（“应用”）；
render（一个元素，renderTarget）；

您还可以通过使用

像这样


你好，堪萨斯城，哈哈
var anElement=React.createElement(
/*键入*/“字幕”，
/*道具*/{bgcolor:#ffa7c4}，
/*儿童*/“嗨”
);
var renderTarget=document.getElementById（“应用”）；
render（一个元素，renderTarget）；

但与问题无关，对于react的启动，官方react文档确实可以让您快速了解情况。您可以创建一个易于使用的开发环境，并且为初学者以友好的方式安排材料。