در حال نمایش 4 نوشته (از کل 4)
  • نویسنده
    نوشته‌ها
  • #41949 پاسخ
    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;

    #41956 پاسخ

    سلام.اگر دو تا input دارید برای هر کدوم یک state در نظر بگیرید و یک state هم برای حمع دو عدد
    برای هر input یک تابع برای onChange بنویسید .در تابعی گه برای input اولی نوشتید فقط مقدار state مربوط به اون رو بروز کنید و در تابعی که برای input دومی نوشتید علاوه برا اینکه state مربوط به اون رو بروز می کنید همزمان جمع دو تا state رو برای state ایی که برای جمع درنظرگرفتید،ذخیره کنید

    #41974 پاسخ
    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;

    #41982 پاسخ

    چه مشکلی دارید الان؟میشه اسکرین شات از error بفرستید

در حال نمایش 4 نوشته (از کل 4)
پاسخ به: react
اطلاعات شما: