方法一：通過event對(duì)象信息獲取

import React from 'react';class Show extends React.Component {//state 相當(dāng)于是Vue里面的data state = {text: "",//默認(rèn)初始值 }; hanChange = ev => {//onChange 為Change事件，ev是傳遞的參數(shù) console.log(ev.target.value); //1.setState不會(huì)立刻改變React組件中state的值 // 2.setState 通過觸發(fā)一次組件的更新來(lái)引發(fā)重繪. // 3.多次 setState 函數(shù)調(diào)用產(chǎn)生的效果會(huì)合并。 this.setState({text: ev.target.value }); //點(diǎn)擊獲取文本值 console.log(this.state.text); }; render() {return (className="App"> type="text" onChange={ev => this.hanChange(ev)} /> className='red-btn' onClick={this.handleBtnClick}>add ); }
}//導(dǎo)出當(dāng)前模塊export default Show;

方法二：使用ref，通過ref自定義一個(gè)屬性名稱，通過this.refs.屬性名.value獲取到文本的內(nèi)容

import React,{Component} from 'react'export default class Show extends Component{constructor(props){super(props)this.state = {acc:'' }
}render(){return ( ref="ss"> onClick={this.aaaa.bind(this)}>提交 )
}aaaa(){console.log(this.refs.ss.value)
}
}

index.js內(nèi)容如下：

import React from 'react';import ReactDOM from 'react-dom';import Show from './Show'import './style.css';ReactDOM.render( , document.getElementById('root')
);// If you want your app to work offline and load faster, you can change// unregister() to register() below. Note this comes with some pitfalls.// Learn more about service workers: https://bit.ly/CRA-PWA

下一章：?????????使用react編寫用戶登錄框

長(zhǎng)按識(shí)別二維碼，讓我們一起成長(zhǎng)吧

總結(jié)

以上是生活随笔為你收集整理的vue获取输入框得内容_React入坑(四)：获取输入框内的内容的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。