How to define a simple array of strings in TypeScript

Question

I got a state in React of an Array of strings.

I get no errors when doing this:

const [arr, setArr] = useState<Array<string>>([])

const addFilter = (e: React.ChangeEvent<HTMLInputElement>) => {
   const value = e.target.value
   setArr([...arr, value])
}

But how do you define the type with Type or Interface?

a List string[] ?, a tuple [string, string]?

Bob
– Bob

2021-03-01 16:55:21 +00:00
Commented Mar 1, 2021 at 16:55 — Bob
– Bob, Commented Mar 1, 2021 at 16:55

Fenton · Accepted Answer · 2021-03-01 17:01:25Z

1

If you want to create an alias for a string array, you can do that using a type:

type StringArray = string[];

const arr: StringArray = [
    'a',
    'b',
    167, // error
    'c'
]

If you want the array + set tuple, it's a similar technique:

type StringArrayAndSet = [string[], Set<string>];

const arrAndSet: StringArrayAndSet = [
    ['a', 'b', 'b', 'c'],
    new Set(['a', 'b', 'b', 'c'])
];

answered Mar 1, 2021 at 17:01

Fenton

253k74 gold badges404 silver badges414 bronze badges

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

1 Comment

Álvaro Over a year ago

Oh I see no need for curly brackets, thanks

Collectives™ on Stack Overflow

How to define a simple array of strings in TypeScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related