首页 > 解决方案 > 将 javascript 类 Method 定义为常量

问题描述

这个问题可能看起来有点幼稚,但我无法理解它的工作方式,我不得不在这里问它,看看这段代码,它是一个简单的 React 组件:

const title = React.createElement(
    'h1',
    {id: 'title', className: 'header'},
    'Hello World'
)

ReactDOM.render(
    title,
    document.getElementById('react-container')
)

现在我们将createElementandrender方法定义为常量或以某种方式创建快捷方式:

const { createElement } = React;
const { render } = ReactDOM;

const title = createElement(
    'h1',
    {id: 'title', className: 'header'},
    'Hello World'
)

render(
    title,
    document.getElementById('react-container')
)

我无法理解它是如何工作的,以及如何将常量名称与 React 对象联系起来,如果有人向我解释,我将不胜感激。

标签: javascriptreactjsecmascript-6

解决方案


据我了解,令人困惑的部分是 ES6 语法。

const { createElement } = React;

转译为

var createElement = React.createElement;

比用法完全一样。


推荐阅读