react 高级指南（一）使创建的reactweb应用可以被浏览器解释

1、html语义可以接受

使用Fragment代替《div》将一系列标签包裹起来，这样在转换为html时并不会增加Dom节点。

import React, { Fragment } from 'react';

function ListItem({ item }) {
  return (
    <Fragment>
      <dt>{item.term}</dt>
      <dd>{item.description}</dd>
    </Fragment>
  );
}

function Glossary(props) {
  return (
    <dl>
      {props.items.map(item => (
        // Fragments should also have a `key` prop when mapping collections
        <Fragment key={item.id}>
          <dt>{item.term}</dt>
          <dd>{item.description}</dd>
        </Fragment>
      ))}
    </dl>
  );
}

　　

2、生成的forms可以接受

label:

<label htmlFor="namedInput">Name:</label>
<input id="namedInput" type="text" name="name"/>