データを状態配列にプッシュする際に問題が発生しているようです。私はそれをこの方法で達成しようとしています：

this.setState({ myArray: this.state.myArray.push('new value') })

しかし、これは間違った方法であり、可変性の問題を引き起こすと思いますか？

配列のプッシュは長さを返します

this.state.myArray.push('new value')配列自体ではなく、拡張配列の長さを返します。Array.prototype.push（）。

返される値は配列であると思います。

不変性

それはむしろReactの動作のようです：

this.stateを直接変更しないでください。後でsetState（）を呼び出すと、行った変更が置き換えられる可能性があります。this.stateを不変であるかのように扱います。React.Component。

おそらく、次のようにします（Reactに慣れていない）。

var joined = this.state.myArray.concat('new value');
this.setState({ myArray: joined })

es6を使用すると、次のように実行できます。

this.setState({ myArray: [...this.state.myArray, 'new value'] }) //simple value
this.setState({ myArray: [...this.state.myArray, ...[1,2,3] ] }) //another array

スプレッド構文

状態を直接変更することはお勧めしません。

後のバージョンのReactで推奨されるアプローチは、競合状態を防ぐために状態を変更するときに更新関数を使用することです。

文字列を配列の最後にプッシュします

this.setState(prevState => ({
  myArray: [...prevState.myArray, "new value"]
}))

文字列を配列の先頭にプッシュします

this.setState(prevState => ({
  myArray: ["new value", ...prevState.myArray]
}))

オブジェクトを配列の最後にプッシュします

this.setState(prevState => ({
  myArray: [...prevState.myArray, {"name": "object"}]
}))

オブジェクトを配列の先頭にプッシュします

this.setState(prevState => ({
  myArray: [ {"name": "object"}, ...prevState.myArray]
}))

状態をまったく操作しないでください。少なくとも、直接ではありません。配列を更新したい場合は、次のようにします。

var newStateArray = this.state.myArray.slice();
newStateArray.push('new value');
this.setState(myArray: newStateArray);

状態オブジェクトを直接操作することは望ましくありません。Reactの不変性ヘルパーもご覧ください。

https://facebook.github.io/react/docs/update.html

.concatメソッドを使用して、新しいデータで配列のコピーを作成できます。

this.setState({ myArray: this.state.myArray.concat('new value') })

ただし、.concat配列を渡すときは、メソッドの特別な動作に注意してください。[1, 2].concat(['foo', 3], 'bar')結果はになり[1, 2, 'foo', 3, 'bar']ます。

このコードは私のために働きます：

fetch('http://localhost:8080')
  .then(response => response.json())
  .then(json => {
  this.setState({mystate: this.state.mystate.push.apply(this.state.mystate, json)})
})

リアクトネイティブ

uもUI（つまりur flatList）を最新にしたい場合は、PrevStateを使用します。次の例では、ユーザーがボタンをクリックすると、新しいオブジェクトがリストに追加されます（モデルとUIの両方で） ）

data: ['shopping','reading'] // declared in constructor
onPress={() => {this.setState((prevState, props) => {
return {data: [new obj].concat(prevState.data) };
})}}. 

次のようにして、オブジェクトをチェックして更新できます

this.setState(prevState => ({
    Chart: this.state.Chart.length !== 0 ? [...prevState.Chart,data[data.length - 1]] : data
}));

ここでは、このような状態配列にオブジェクトをプッシュすることはできません。通常の配列のようにプッシュできます。ここで、状態を設定する必要があります。

this.setState({ 
     myArray: [...this.state.myArray, 'new value'] 
})

そのように状態を更新しようとしているだけの場合

   handleClick() {
        this.setState(
{myprop: this.state.myprop +1}
        })
    }

このアプローチを検討してください

   handleClick() {
        this.setState(prevState => {
            return {
                count: prevState.count + 1
            }
        })
    }

基本的にprevStateはthis.stateを書き込んでいます。