react 陣列 React從陣列訪問值

2021-10-16 16:46:37 字數 799 閱讀 3425

我在react中有乙個表單,可以動態新增新的輸入元素。這似乎

工作正常,但我似乎無法訪問此

螢幕截圖中所示的輸入值…

console.log陣列

我嘗試了以下

console.log(this.state.telephone.name)

和…console.log(this.state.telephone.tidx.name)

其中tidx是唯一鍵。

這是建構函式…

constructor() ],

telephone: ,

tidx: "",

emailtype: ,

email: ,

eidx: "",

notes: ""

and this is my function to handle the input forms…

handletelephonechange = tidx => evt => ;

this.setstate(, () => {

// get state on callback

console.log(this.state)

console.log(this.state.telephone.name)

console.log(this.state.telephone.tidx.name)

and rendered like this…

{this.state.telephone.map((telephone, tidx) => (

任何建議都將不勝感激,因為我是react表單的新手。謝謝。

react實現滾動計數元件

效果就是設定初始值,滾動計數加到結束值,首先安裝 npm install react countup 安裝完畢後引入 滾動計數 import countup from react countup 其實就是乙個react標準展示元件,用的時候在render裡當成正常元件用即可,需要修改樣式的話,元件本...

react功能實現 陣列遍歷渲染

在react中如何將乙個陣列遍歷,並且逐個渲染在頁面上?1.在jsx渲染中,如果這個變數是乙個陣列,則會展開這個陣列的所有成員.var arr reactdom.render document.getelementbyid example example元素中將產生兩個div,乙個裡面有h1標籤和乙...

react遍歷陣列和物件

map陣列 react中遍歷陣列採用陣列的map迭代 注意 在map中要加key key 幫助 react 識別哪些元素改變了,比如被新增或刪除。因此你應當給陣列中的每乙個元素賦予乙個確定的標識 虛擬dom對比的時候,加key可以避免出錯。如果不加key,當乙個元素新增的時候,後面的元素就會經歷解除...