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例子

继续阅读 →