第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

React JS:檢查輸入值中的逗號

React JS:檢查輸入值中的逗號

森林海 2021-11-12 17:26:47
我有一個帶有嵌套對象數(shù)組的狀態(tài)對象,稱為“axisLabels”。如果用戶要在輸入中輸入任何內(nèi)容,我想檢查輸入的 event.target.value 中是否有逗號(逗號分隔)以更新數(shù)組中的第二個對象。這怎么可能?我當前的功能代碼更新了兩者。狀態(tài)對象:selectedTemplateData: {   axisLabels: ['Option 1', 'Option 2']}更新數(shù)組的函數(shù):axisChange(event) {    event.persist();    this.setState(prevState => ({        selectedTemplateData: {            ...prevState.selectedTemplateData,            Axislables: [event.target.value, event.target.value]        }    }))}用法:<input type="text"  onChange={(event) => this.axisChange(event)} />
查看完整描述

2 回答

?
MYYA

TA貢獻1868條經(jīng)驗 獲得超4個贊

這肯定會奏效:


axisChange(event) {

    event.persist();

    this.setState(prevState => ({

        selectedTemplateData: {

            ...prevState.selectedTemplateData,

            Axislables: [...event.target.value.split(',')]

        }

    }))

}

如果沒有逗號,則將保留該值。如果有逗號,您可以拆分這些值并將它們分散到新數(shù)組中。


查看完整回答
反對 回復 2021-11-12
?
繁花不似錦

TA貢獻1851條經(jīng)驗 獲得超4個贊

在這里您會找到其他示例,但一個簡單的方法如下:


axisChange(event) {

    event.persist();

    const e = event && event.target && event.target.value;

    const values = e && e.split(',').length > 1

      ? e.split(',')

      : e;

    this.setState(prevState => ({

        selectedTemplateData: {

            ...prevState.selectedTemplateData,

            Axislables: [ values[0], values[1], values[n] ]

        }

    }))

}


查看完整回答
反對 回復 2021-11-12
  • 2 回答
  • 0 關(guān)注
  • 238 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號