方法一：通過event對象信息獲取

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

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

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內容如下：

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編寫用戶登錄框

長按識別二維碼，讓我們一起成長吧

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。