首页 > 专栏 > 前端 > 文章详情
react 引用,数据要在之前初始化,除非调用函数 发布于:2021-02-04 10:39:03   原创发表   查看:12  讨论:0
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;
}
所以改为这样:sth易塔云建站-模板下载,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"));

评论

  • 匿名