مشکل در ری اکت

- 1 سال پیش
توسط محمود فرهادی آپدیت شد
Hanan Farahdel ( 1145 تجربه )
1 سال پیش

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

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

مهدی ( 23082 تجربه )
1 سال پیش

کدتو قرار بده

Hanan Farahdel ( 1145 تجربه )
1 سال پیش

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});

    }
مهدی ( 23082 تجربه )
1 سال پیش

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

Hanan Farahdel ( 1145 تجربه )
1 سال پیش

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

مهدی ( 23082 تجربه )
1 سال پیش
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;
محمود فرهادی ( 1044 تجربه )
1 سال پیش
تخصص : برنامه نویس

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

let varList=this.state.varList;
varList={...varList};
varList.push(currentVar)
برای ارسال پاسخ باید وارد سایت شوید