0
点赞
收藏
分享

微信扫一扫

React-组件-非受控组件

沈芏 2022-05-25 阅读 194

React-组件-非受控组件_表单

  • 非受控组件也就是值,不受到 React 控制的表单元素就是非受控组件

废话不多说直接上代码:

import React from 'react';

class App extends React.PureComponent {
constructor(props) {
super(props);
this.myRef = React.createRef();
}

render() {
return (
<form onSubmit={(event) => {
this.submit(event)
}}>
<input type="text" ref={this.myRef}/>
<input type="submit"/>
</form>
)
}

submit(event) {
// 禁止默认行为
event.preventDefault();

console.log(this.myRef.current.value);
}
}

export default App;

官方文档

  • ​​https://zh-hans.reactjs.org/docs/uncontrolled-components.html​​




举报

相关推荐

0 条评论