Question

return React.createElement("div", null, "Hello ", this.props.name);

null在React上面的createElement（）执行中意味着什么？

Answer 1

React.createElement(type, props, children);

props参数是从父元素传递到子元素的JavaScript对象。当你说null意味着你没有将任何道具传递给那个组件时。

~~

type中的

React.createElement可以是h1，div等字符串或React-Component。

var reactElement = React.createElement('div', { className: 'header' });

在这种特殊情况下，当你传递prop { className: 'header' }时，创建的div元素将与cssClass相关联。

Answer 2

它只是一个空。

这意味着该函数正在等待一些参数。第二个参数为null所以函数知道它是null，如果你没有传递null作为第二个，那么你的第三个参数将是第二个，函数将把你的第三个参数视为第二个，事情将出错。肯定你可以传递其他东西然后null但我不知道。 Read here

Answer 3

为null的React.createElement保留，用于为元素提供属性值。如果没有要传递的内容，则输入null，否则以javascript对象形式传递属性。请参见下面的示例。这里的className用于类，因为在jsx中用于定义html类。

import React, { Component } from 'react';
import './App.css';


class App extends Component {
  render() {
    return React.createElement('div', { className: "App" }, React.createElement('h1', null,'Title'));
  }
}

export default App;

此示例输出<div class="App"><h1>Title</h1></div>

React createElement（）中的null是什么意思？

3 个答案:

它只是一个空。