BlinglingSam
BlinglingSam

React 列表与表单

列表

在React中，拿到一组数据后，一般会用map方法来遍历渲染。

const dataList = [{claimNum: 1}, {claimNum: 2}];
ReactDOM.render(
  

      dataList.length ? (
        dataList.map((item) => {
            return (
              

                

                      toDetail({
                        typeCode: item.claimTypeCode,
                        claimHeaderId: item.claimHeaderId,
                        entrance: 'WDDJ',
                      })
                    }
                  >{item.claimNum}
                  

                

              );
            })
          ) : (
            
{loading ? null : '未查询到有效数据'}

          )}
  
,
  document.getElementById('root')
);

表单

HTML 表单元素与 React 中的其他 DOM 元素有所不同,因为表单元素生来就保留一些内部状态。
在 HTML 当中，像 ,