新しい要素を状態に追加する方法に反応しますか？

Question

現在、.concatを使用している商品の状態に新しい要素を追加したいのですが、配列の最後に追加しますが、最初に追加する必要があります。おそらくそれは、配列それ自体の長さを返すということ

var Body = React.createClass({ 
    getInitialState() { 
    return { products: [] } 
    }, 

    handleSubmit(product) { 
    var newState = this.state.products.concat(product); 

    this.setState({ products: newState }); 
    }, 
}); 

はthis.state.products.unshift(product)を使用しようとしたが、それは私にUncaught TypeError: this.state.tickets.unshift is not a functionを与えています。

Answer 1

連結の順序を変更するだけです。

var newState = product.concat(this.state.products); 

：「製品」はすでに配列、ちょうどこのある場合

var newState = [product].concat(this.state.products); 

：「製品」は、単一の項目ではなく配列である場合は、これを行います