react

[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 بفرستید

[نویسنده]

نوشته‌ها