問題

我開始學習redux,我有以下問題.所以我有一個初始狀態的redux儲存,我還有一個元件,使用者輸入資料負責(排程操作).所以如果輸入受控,我應該在redux儲存(initalState)中設定它們的值屬性並每次值更改時排程一個動作,或者我應該使用元件的本地狀態 –

  class Calc ...
   constructor(props){
       super(props);
       this.handleChange = this.handleChange.bind(this);
       this.state = {
           inputVal: ''
       }
   }

   handleChange(e){
      this.setState({
         [e.target.name]: e.target.value
      })
   }

   render(){
     return(
          <div>
              <input type="text" name="inputVal" value={this.state.inputVal} onChange={this.handleChange} />
          </div>
     )
   }
 

  最佳答案

我認為,在redux商店儲存一些東西之前,你應該問自己一些問題:

  • 如果我的狀態“inputVal”將在其他元件之間共享?
  • 如果我的“inputVal”的更改對其他元件有一些影響

如果你得到“YES”的絕對答案,你可能需要在redux狀態中儲存這個狀態“inputVal”。

如果沒有,你不需要將這個狀態儲存在redux中.而不是它,只需在元件“Cal”中處理狀態

  相同標籤的其他問題

reactjsreduxstate