Javascript 如何在react中按模糊排序显示共模？

我正在使用

react hook form

。我有一个pincode

textarea

，用户可以在其中输入

pincodes

，现在我想验证我在

blur

上的值，平均pincode应该是

6

位，并按排序顺序显示

onblur

事件无法正常工作？ 这是我的密码

{
控制台日志（v）；
函数onlyUnique（值、索引、自身）{
返回self.indexOf（value）==index&&value.trim（）.length==6；
}
如果（v）{
设代码=v.split（“，”）；
设newCodes=codes.filter（仅限yunique）；
返回newCodes.sort（）.join（“，”）；
}
返回“”；
}}
/>

react钩子形式API

v

变量表示onBlur事件的事件对象。您可以从

v.target.value

的

textarea

中获取值

v.target.value.split（“，”

应该可以工作，不过如果只输入了一个PIN，数组中可能会出现一个空字符串

<TextField
        inputRef={register}
        label={"pincode"}
        variant="outlined"
        placeholder={"dd"}
        multiline={true}
        rows="4"
        rowsMax="12"
        name={"pincode"}
        onBlur={v => {
          console.log(v);
          function onlyUnique(value, index, self) {
            return self.indexOf(value) === index && value.trim().length === 6;
          }

          if (v) {
            let codes = v.split(",");
            let newCodes = codes.filter(onlyUnique);
            return newCodes.sort().join(",");
          }
          return "";
        }}
      />

onBlur={v => {...}