javascript - 如何分离字符串并推送到 react 状态？

Question

我担心如果我像这样复制和粘贴这个字符串来输入:

10202, 29292, 29111, 29222, 22822, 

如何删除空格和逗号或除数字以外的任何字符并将其推送到 React 组件状态？

我的状态是这样的:

codes: [10202, 29292, 29111, 29222]

在复制粘贴时我知道我可以使用 onPaste 方法，但不知道如何让每个项目删除逗号并推送状态当然需要防止重复相同的值。

Answer 1

你可以这样做:

const data = '10202, 29292,  29111,29222,22822,   '

const codes = data.split(',')
                     .map(item => (item.trim()))  // remove any spaces
                       .filter(item => item !== '')  // exclude any empty values caused by extra comma at end
                         .map(item => parseInt(item))  // parse to Int

// if you wanna see data in log
console.log(codes)

this.setState({ codes })