Typescript: How to pass array element

Question

In my project, I am trying to insert multiple values at the same time through a text field. Added items and setItems for that. But now there is an error " TS2345: Argument of type '(i: string) => any[]' cannot be assigned to parameter of type 'string[]'". I'm a beginner in react typescript, so any corrections when passing items? Please give me some suggestions to fix this problem.

email.tsx

const Email = (props: Props) => {
  const [items, setItem] = useState<string[]>([]);
...
...
 <EmailChip
            placeholder="Enter Email Addresses"
            LabelName="Enter Email Addresses"
            className="textfield"
            tooltip="true"
            upload
            items={items}
            setItem={setItem}
          />

emailpage.tsx

type Props = {
  ...
  items?: string | any;
  setItem: (items: string[]) => void;
  ...
  const handlePaste = (evt: any) => {
    evt.preventDefault();

    const paste = evt.clipboardData.getData("text");
    const emails = paste.match(/[\w\d\\.-]+@[\w\d\\.-]+\.[\w\d\\.-]+/g);

    if (emails) {
      const toBeAdded = emails.filter((email: any) => !isInList(email));

      

      setItem((i: string) => [...i, ...toBeAdded]);
      console.log("items after", items);
    }
  };
  ...

};

error

You are trying to pass a new function to setItem but setItem allows only array of string as an argument — Konrad
– Konrad, Commented Sep 19, 2022 at 13:59

Konrad · Accepted Answer · 2022-09-19 14:02:19Z

1

You probably wanted to declare setItem as:

setItem: React.Dispatch<React.SetStateAction<string[]>>

And use it like this:

setItem((i: string[]) => [...i, ...toBeAdded])

answered Sep 19, 2022 at 14:02

Konrad

24.9k5 gold badges35 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Typescript: How to pass array element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related