总结

来源:互联网 发布:查看本地数据库ip 编辑:程序博客网 时间:2024/06/05 11:57

1。select默认显示请选择: 添加一个option,然后值为”,display:’none’

<Select value={this.state.id+""} disabled={this.state.allowedselect} className={styles.col} placeholder={'请选择'}  onChange={this.handleSelect.bind(this, 'id')}>    <Option value="" style={{display:'none'}} disabled selected>        <span style={{color:'#ccc'}>请选择</span>    </Option>    {this.state.list && this.state.list.map((item, i) => {        return (<Option value={item.value+""} key={"realtionship_select_"+uuid()}>{item.key}</Option>)          })     }</Select>

方式二: value undefined时显示placeholder

 <Select value={this.state.id?this.state.id+"":undefined} disabled={this.state.allmsgnoteditor} className={styles.secondCol} placeholder={'请选择'} onChange={this.handleSelect.bind(this, 'id')}>      {/*<Option value="" style={{display:'none'}} disabled selected><span className={styles.pleasecheck}>请选择</span></Option>*/}      {this.state.list && this.state.list.map((item, i) => {          return (<Option value={item.value+""} key={"realtionship_select_"+uuid()}>{item.key}</Option>)    }) } </Select>

2。FileUpload disabled,在beforechoose中返回false

const FileUpload = require('react-fileupload');beforeChoose : function(){                if(self.state.notallowedupload){                    return false;                }                return true            }

3。 rc-upload disabled: 点击不可上传

import Upload from 'rc-upload';<Upload disabled={this.state.notallowedupload} {...props}/>

4。 input file 打开慢的问题:是因为添加了accept过滤的原因

 accept: 'application/x-zip-compressed',

去掉该行就没有问题

0 0
原创粉丝点击