我有使用 React 的代碼并且我有那個選擇，我希望在我得到空標簽和值的情況下我不想要那些專案。這怎么可能 ？
這是我的代碼：
import React, { Component } from "react";
import Select from "react-select";
import { useState } from "react";
let cheeses = [
"Wagasi",
"Kalari",
"Halloumi",
"Manouri"
];
let options = [];
options = options.concat(cheeses.map((x) => "Cheese - " x));
const Foo = () => {
const [value, setValue] = useState("");
function MakeOption(x) {
if(value){
return { value: x, label: x };
}
else{
return {value: "", label: ""};
}
}
const handleInputChange = (value, e) => {
if (e.action === "input-change") {
setValue(value);
}
};
return (
<Select
isMulti
name="colors"
options={options.map((x) => MakeOption(x))}
className="basic-multi-select"
classNamePrefix="select"
closeMenuOnSelect={false}
onInputChange={handleInputChange}
inputValue={value}
noOptionsMessage={() => null}
/>
);
};
export default Foo;
那一刻我明白了：
請問你能幫幫我嗎 ？
uj5u.com熱心網友回復：
你可以在之后過濾你的陣列map：
options={options.map((x) => MakeOption(x)).filter(opt => opt.value !== "")}
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/442466.html
上一篇：Boostrap5水平居中導航欄