爲什麼無法在反應類的狀態下定義數組變量？

Question

我用狀態變量創建一個React類是數組類型。

export default class Demo extends React.Component { 
    constructor(props){ 
    super(props) 
    this.state ={ 
     test: [] 
    } 
    } 

，但是當我在console.log(this.state.test)功能render然後返回object型。我認爲這是映射時唯一的關鍵目的。

但是如果我只是想爲push方法定義一個數組呢。

還有其他方法可以定義嗎？請幫忙。

Answer 1

請記住，數組是javascipt中的對象。

typeof([]) //outputs object 

要打印在可讀形式陣列，可以使用JSON.stringify

console.log(JSON.stringify(this.state.test, null, 2))

要設置陣列中的狀態，則可以使用的setState方法：

this.setState({test: [/* new array */]}) 

在反應中，我真的很喜歡在開發時使用pre標籤來顯示狀態。

添加它來呈現：

<pre>{JSON.stringify(this.state, null, 2)}</pre>