این جستار شامل 3 پاسخ ، و دارای 2 کاربر است ، و آخرین بار توسط  مهدی در 3 هفته، 1 روز پیش بروز شده است.

در حال نمایش 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
اطلاعات شما: