标签归档:react

React速查

React速记,分为3个部分。每一个部分由简短且精悍的知识点组成。开发忘记可查看,初见学习可常翻

基础

一、JSX

const element = <h1>Hello, world!</h1>;

JavaScript和UI代码的结合

const element = <h1>Hello, {name}</h1>;

{}包裹表达式(js表达式,变量)

const element = <img className={imgClass} src={user.avatarUrl} />;
  • class`属性写为`className
  • 属性用小驼峰语法
const element = <h1>Hello, world!</h1>;
ReactDOM.render(
  element,
  document.getElementById('root')
);

一个可运行的React Hello World例子

继续阅读