antd 使用总结问题

Posted web-chuan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了antd 使用总结问题相关的知识,希望对你有一定的参考价值。

1.获取value值

  1.input/radio

<Input onBlur={this.blurcheck.bind(this)} type="password" autoComplete="new-password" key="114" />
<RadioGroup key={"122"} onChange={this.changeV}>
  <Radio value="1">是</Radio>
  <Radio value="0">否</Radio>
</RadioGroup>
changeV(e){
  e.target.value  //value值  string
}
blurcheck(e){
  e.target.value  //value值 string
}

  2.checkbox/select

<Select  style={{width:"100%"}} onChange={this.change_eventSource.bind(this)}>
   <Option value="hdfs">HDFS</Option>
   <Option value="hbase">HBASE</Option>
   <Option value="yarn">YARN</Option>
   <Option value="impala">IMPALA</Option>
 </Select>
change_eventSource(value){
  value //即为select的value值 string
}
<Checkbox.Group  style={{ width: ‘100%‘}} className={"translate"} onChange={this.changeCheckBox}>
    <Checkbox value="0">小写字母</Checkbox>
    <Checkbox value="1">大写字母</Checkbox>
    <Checkbox value="2">数字</Checkbox>
    <Checkbox value="3">特殊字符</Checkbox>
</Checkbox.Group>
changeCheckBox(value){
  value //即为checkbox的value值,array
}

 

以上是关于antd 使用总结问题的主要内容,如果未能解决你的问题,请参考以下文章

BootStrap有用代码片段(持续总结)

前端ui框架 Antd For React(Webpack)总结

antd + node.js + mongoose小总结

已解决在react+ts中 atnd 用 upload 组件报错Failed to execute ‘readAsArrayBuffer,param 1 is notof type Blob(代码片段

已解决在react+ts中 atnd 用 upload 组件报错Failed to execute ‘readAsArrayBuffer,param 1 is notof type Blob(代码片段

BootStrap实用代码片段(持续总结)