آموزش جاوااسکریپت › انجمن ها › react js › react
- این موضوع 3 پاسخ، 2 کاربر را دارد و آخرین بار در 3 سال، 6 ماه پیش بدست مهدی حسن زاده بهروزرسانی شده است.
-
نویسندهنوشتهها
-
feriمیهمان
بخوایم دو تا عدد که از ورودی می گیریم جمع کنیم که وقتی داخل دومی عدد وارد کنیم جمع حساب کنه چطوری میشه؟من همینقدر به ذهنم رسید نوشتم
import React from ‘react’;
import ‘./App.css’;
class App extends React.Component {
constructor(props) {
super(props);
this.state = { number: ” };
}
myChangeHandler = (event) => {
this.setState({number: event.target.value});
}
render() {
return (
<form>
<h1> {this.state.number}</h1>
Enter number:<input type=’text’ />
Enter number:<input type=’text’ onChange={this.myChangeHandler}/>
</form>
);
}
}export default App;
مهدی حسن زادهمدیرکلسلام.اگر دو تا input دارید برای هر کدوم یک state در نظر بگیرید و یک state هم برای حمع دو عدد
برای هر input یک تابع برای onChange بنویسید .در تابعی گه برای input اولی نوشتید فقط مقدار state مربوط به اون رو بروز کنید و در تابعی که برای input دومی نوشتید علاوه برا اینکه state مربوط به اون رو بروز می کنید همزمان جمع دو تا state رو برای state ایی که برای جمع درنظرگرفتید،ذخیره کنیدferiمیهمانسلام میشه اینو ببینید؟
مشکلش چیه؟
import React from ‘react’;
import ‘./App.css’;
class App extends React.Component {
constructor(props) {
super(props);
this.state = { number1: 0 };
this.state = { number2: 0 }
this.state = { sum: 0 }
}
handleChange = (event) => {
const { value } = event.target;
this.setState({number1: value})
}
handleChange = (event) => {
const { value } = event.target;
this.setState({number2: value})
let x= (parseInt(this.state.number1 ))+ (parseInt(this.state.number2))this.setState({sum:x})
}
render() {
return (
<form>
<h1> {this.state.sum}</h1>
<p>Enter number:</p>
<input type=’text’ onChange={this.handleChange} />
<p>Enter number:</p>
<input type=’text’ onChange={this.handleChange}/>
</form>
);
}
}export default App;
مهدی حسن زادهمدیرکلچه مشکلی دارید الان؟میشه اسکرین شات از error بفرستید
-
نویسندهنوشتهها