noStyle 的使用方法

使用组件的时候   会带组件的默认样式   这样会对我们的一些样式更改 带来麻烦 这个时候我们就需要使用 noStyle

 

 

如  自定义 折叠面板 右上角 样式    发现  ProFormSwitch  会  有默认样式  margin-bottom   这样我们还需要 自己更改 样式更改非常的不方便 如图所示

 

 

 增加   noStyle   后  

const genExtraPolicy = () => {

    return (

      <Space>

        <span style={{fontSize: '14px'}}>同被保人</span>

        <ProFormSwitch

          noStyle

          checkedChildren="是"

          unCheckedChildren="否"

          name="insurecheckboxgroupA"

        />

        <span style={{ marginLeft: '10px', fontSize: '14px' }}>同车主</span>

        <ProFormSwitch

          noStyle

          checkedChildren="是"

          unCheckedChildren="否"

          name="insurecheckboxgroupB"

        />

      </Space>

    )

  }

 

增加noStyle后的效果图