import React from 'react';//转化成虚拟dom vdom
import ReactDOM from 'react-dom';
ReactDOM.render(jsx,document.getElementById("root"));
const jsx = <h1>我喜欢{abc(user)}</h1>;
//这样无法被调用,除非上面写abc()函数,所以jsx这里只是一个对象,不是函数。
//函数
const user= {
firstName: 'lala',
lastName: 'haha'
};
function abc() {
return user.firstName + "-" + user.lastName;
}
所以改为这样:OMc易塔云建站-模板下载,web开发资源,技术博客
但是还是无法执行,提示函数abc()未完成初始化。。。 最终为了保证顺利执行,还是要把 ReactDOM.render(abc(),document.getElementById("root")); 写在文档的最后了。反人类啊。
继续更改ES6的箭头函数:
ReactDOM.render(abc(),document.getElementById("root"));
function abc() {
//函数
const user= {
firstName: 'lala',
lastName: 'haha'
};
return user.firstName + "-" + user.lastName;
};
const abc = () => {
//函数
const user= {
firstName: 'lala',
lastName: 'haha'
};
return user.firstName + "-" + user.lastName;
};
ReactDOM.render(abc(),document.getElementById("root"));