非受控元件（不推薦使用）
阿新 • • 發佈：2021-08-12
importReact,{PureComponent,createRef}from'react'
exportdefaultclassAppextendsPureComponent{
constructor(props){ super(props) this.usernameRef=createRef() } render(){ return( <div> <formonSubmit={e=>this.handleSubmit(e)}> <labelhtmlFor="username"> 使用者名稱:<inputtype="text"ref={this.usernameRef}id="username"/> </label> <inputtype="submit"value="提交"/> </form> </div> ) }
handleSubmit(e){ e.preventDefault(); console.log(this.usernameRef.current.value); } } 我是Eric,手機號是13522679763
exportdefaultclassAppextendsPureComponent{
constructor(props){ super(props) this.usernameRef=createRef() } render(){ return( <div> <formonSubmit={e=>this.handleSubmit(e)}> <labelhtmlFor="username"> 使用者名稱:<inputtype="text"ref={this.usernameRef}id="username"/> </label> <inputtype="submit"value="提交"/> </form> </div> ) }
handleSubmit(e){ e.preventDefault(); console.log(this.usernameRef.current.value); } } 我是Eric,手機號是13522679763