标签：React 初始值 Reviews 输入框 select 清空 input textInput

1.清空input输入框

class CustomTextInput extends React.Component {
  constructor(props) {
    super(props);
    this.textInput = React.createRef();
  }

  clear() {
    this.textInput.current.state.value = '';
  }

  render() {
    return (
       <Search size="large" defaultValue="" style={{ width: 400 }} ref={this.textInput} />
       <Button onClick={() => {this.clear()}}>清空<Button>
    );
  }
}

2.react中select重新设置defaultValue

给select添加一个key，赋予不同值

select：

                    <Select
						key={this.state.selectValue}
						onChange={this.handleChange}
						defaultValue='All Products'
						style={{ width: 120 }}
					>
						<Option value='0'>All Products</Option>
						<Option value='2'>Has Reviews</Option>
						<Option value='1'>No Reviews</Option>
						<Option value='3'>New Reviews</Option>
					</Select>

js：

this.state = {
	selectValue:0
};

this.setState({
	selectValue:Math.random()*10
})

标签：React,初始值,Reviews,输入框,select,清空,input,textInput
来源： https://blog.csdn.net/qq_38482205/article/details/120222074

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。