javascript - 为什么 React.DOM 是未定义的？

Question

react 16.5.2
我正在通过一本书学习 React，并尝试使用“清晰”React 的工厂(即不在 JSX 中)。我尝试使用 React 构建的工厂之一，但我遇到了问题:

(() => {    
    const my_h1 = React.DOM.h1(null,"Stuff") // TypeError: Cannot read property 'h1' of undefined
    ReactDOM.render(my_h1,document.getElementById('root'))
})()

为什么会这样？

UPD

这是Learning React Functional Web Development with React and Redux这本书的屏幕:

Answer 1

你必须使用 React.createElement 来创建一个元素，而不是 React.DOM

(() => {    
    const my_h1 = React.createElement('h1',null,"Stuff")
    ReactDOM.render(React.createElement(my_h1),document.getElementById('root'))
})()

同样在 React 的最新版本中，React.DOM 不再有效，您需要在此脚本中包含 Dom-factories

<script src="https://unpkg.com/react-dom-factories@1.0.0/index.js"></script>

然后到处用ReactDOMFactories替换React.DOM

例如

ReactDOMFactories.h1(null, "Hello World!")

此更改是在 2017 年 6 月围绕版本 15.6.0 引入的。