antd----table组件 

1  <Table
2             columns={this.columns}
3             dataSource={products}
4             size="middle" 
5             loading={loading}
6             pagination={{defaultPageSize:2}}
7           />

columns=[
    {
      title: '商品名称',
      dataIndex: 'name',
    },
{
      title: '操作',
      // dataIndex: 'name',//
      render:(param)=>(()=>(<span><LinkButton>详情</LinkButton><LinkButton>修改</LinkButton></span>))
        
      },


 


 




如果有dataIndex  则下面render里的param传的就是dataIndex所对应的这条数据的值   如果没有dataIndex就是


 


 传的整个数据得值


 




 <Item label="商品分类">
              {getFieldDecorator('categoryId', {
                rules: [{ required: true, message: "请输入商品分类" }]
              })(
                <Select>
                  {categorys.map((item)=>(
                    <Option value={item._id}>{item.name}</Option>
                  ))}
                </Select>
              )}
            </Item>




<Option>里的value值对应的是传给select的值


 




dangerouslySetInnerHTML
dangerouslySetInnerHTML 是 React 为浏览器 DOM 提供 innerHTML 的替换方案。通常来讲，使用代码直接设置 HTML 存在风险，因为很容易无意中使用户暴露于跨站脚本（XSS）的攻击。因此，你可以直接在 React 中设置 HTML，但当你想设置 dangerouslySetInnerHTML 时，需要向其传递包含 key 为 __html 的对象，以此来警示你。例如：

function createMarkup() {
  return {__html: 'First &middot; Second'};
}

function MyComponent() {
  return <div dangerouslySetInnerHTML={createMarkup()} />;
}
 




React中插入html代码使用


dangerouslySetInnerHTML属性  里面传的是对象


 






		

		
posted @ 
2019-11-13 16:20 
燕子fly 
阅读(657) 
评论(0) 
编辑 
收藏 
举报