Hanan Farahdel
4 سال پیش توسط Hanan Farahdel مطرح شد
6 پاسخ

مشکل در ری اکت

با سلام روزتون بخیر
یه برنامه دارم که شاملی input و یه button مشخصه value اینپوت وصله به state ها که هروقت و درصورت تغییر مقدار توسط کاربر تو state هم تغییر میکنه.
وقتی رو button کلیک میشه مقداری که تو state برای اینپوت هست رو push میکنم تو آرایه ای که تو استیت ساختم، بار اول درست push میشه ولی مشکلی که هست وقتی مقدار اینپوت آپدیت میشه این تغییر روی تمام عناصر آرایه هم تاثیر میذاره و همه آیتم های یکی میشن.

ممنون میشم کمک کنید این مشکل رو حل کنم.
باتشکر


reactjs
تگ‌های محبوب
لاراول
php
laravel
متفرقه
reactjs
عمومی
html_css
nodejs
vuejs
وردپرس
پایتون
css
فلاتر
react
javascript
ثبت پرسش جدید
مهدی
@code2code 4 سال پیش مطرح شد
0

کدتو قرار بده


Hanan Farahdel
@hanan.f.1994 4 سال پیش آپدیت شد
0

state های کامپونت

state={  
currentVar:{VarTitle:null,varType:null},  
varList:[],  
errors:{},dialogDisplay:false,  
toast:{  
id:"ManageMagicVar_toast",cook:false,type:"",text:"",icon:""  
}  
}

input که مقدار value متصله به state.curentvar.varTitle

<TextInput
                            with="100%"
                            name="VarTitle"
                            lable="عنوان متغیر"
                            placeholder="لطفا عنوان متغیر را وارد کنید"
                            isRequired={true}
                            error={errors.VarTitle}
                        onChange={this.handleVarTitle}
                        value={currentVar.VarTitle}
                        />

باتنی که مقدار رو تویه آرایه پوش میکنه

 CreateVar(){
        var {varList,currentVar}=this.state;
        varList.push(currentVar);
        this.setState({varList});

    }

مهدی
@code2code 4 سال پیش آپدیت شد
0

الان من با یه کد مشابه همین رو تست کردم هیچ مشکلی نداشت


Hanan Farahdel
@hanan.f.1994 4 سال پیش مطرح شد
0

لطفا کدتو بذار


مهدی
@code2code 4 سال پیش آپدیت شد
0
class App extends Component {
  constructor(props) {
    super(props);

    this.state = {
      currentVar: '',
      varList: [],
    }
  }

  setVal = () => {
    let {varList,currentVar}=this.state;
    varList.push(currentVar);
    currentVar =  ''; 
    this.setState({varList, currentVar});
  }

  setCurrent = (e) => {
    let currentVar = e.target.value
    this.setState({currentVar});
  }

  render() {
    var { varList, currentVar } = this.state;
    return (
      <div className="App">
        <input
          onChange={this.handleVarTitle}
          value={currentVar.VarTitle}
          onChange={this.setCurrent}
        />
        <button onClick={this.setVal}>set</button>
      </div>
    );
  }
}

export default App;

محمود فرهادی
تخصص : برنامه نویس
@mahmoud.farhadi 4 سال پیش مطرح شد
0

سلام
باید موقعی ک varList رو پر میکنی اطلاعات قبلی هم بهش اضافه کنی

let varList=this.state.varList;
varList={...varList};
varList.push(currentVar)

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام