标签：简化 有一个 bsp tab 代码块 html 标签 语法规则 表示 world
const element = ( <div> <h1>Hello!</h1> <h2>Good to see you here.</h2> </div> ); // 我们将JSX分割成多行。我们推荐使用括号将 JSX 包裹起来 // JSX 的基本语法规则：遇到 HTML 标签（以 < 开头），就用 HTML 规则解析；遇到代码块（以 { 开头），就用 JavaScript 规则解析。 // 只有一个顶层标签 // 标签闭合
const element = React.createElement( ‘h1‘, {className: ‘greeting‘}, ‘Hello, world!‘ );
// 注意: 这是简化的结构 const element = { type: ‘h1‘, props: { className: ‘greeting‘, children: ‘Hello, world‘ } };
const ele = <div tabIndex = "0"></div> // 使用驼峰属性名约定，而不是html属性名称。class => className tabindex => tabIndex
const ele = <div tabIndex = {user.url}></div>
style={ {color: "red"} }
function Welcome(props) {
return <h1>Hello, {props.name}</h1>;
}
const element = <Welcome name="Sara" />;
ReactDOM.render(
element,
document.getElementById(‘root‘)
);
// React DOM 会将元素及其子元素与之前版本逐一对比, 并只对有必要更新的 DOM 进行更新, 以达到 DOM 所需的状态。
标签：简化 有一个 bsp tab 代码块 html 标签 语法规则 表示 world
原文地址：http://www.cnblogs.com/nankeyimeng/p/7229955.html
