select-react-app v1.0.10

Select-React-App

Install

• npm install select-react-app

How to use

• Example :

  import { Select, Option } from 'select-react-app'
  
  function HomePage() {
            
   const [selected, setSelected] = useState<any>({
    value: "me",
    label: "Me",
  });
  const [selected2, setSelected2] = useState<any>({
    value: "me",
    label: "Me",
  });
  const opts = [
    { value: "me", label: "Me" },
    { value: "you", label: "You" },
    { value: "them", label: "Them" },
  ];
  
  const [index, setIndex] = useState(0);
  
  return (
    <div>
      selected index : {index}
      <Select
        width="20vw"
        value={selected}
        index={1}
        selectedIndex={index}
        updateIndex={setIndex}
        displayValue={"label"}
      >
        {opts?.map((option) => (
          <Option key={option.value} value={option} setValue={setSelected}>
            {option.label}
          </Option>
        ))}
      </Select>
      <Select
        width="20vw"
        value={selected2}
        displayValue={"label"}
        selectedIndex={index}
        index={2}
        updateIndex={setIndex}
      >
        {opts?.map((option) => (
          <Option key={option.value} value={option} setValue={setSelected2}>
            {option.label}
          </Option>
        ))}
      </Select>
    </div>
  );
  }