Ad
How To Create State Array React Hooks On Declaration
How do I create a state array with react hooks? I am passing a Type I used this method but it's showing me lint error. I also want to know it's the correct method
const [myList, setList] = React.useState<IList[]>([
{
ID: 1,
Lname: "R1",
LType: 1
},
{
ID: 2,
Lname: "R4",
LType: 5
}
]);
And my type looks like
interface IList {
ID: number;
Lname: string;
LType: number;
}
Ad
Answer
You just need to tell it it's an array of objects. Here's a codesandbox example of this typing working now.
const [myList, setList] = React.useState<IList[]>([
{
ID: 1,
Lname: "R1",
LType: 1
}, {
ID: 2,
Lname: "R4",
LType: 5
}])
Ad
source: stackoverflow.com
Related Questions
- → Import statement and Babel
- → should I choose reactjs+f7 or f7+vue.js?
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → .tsx webpack compile fails: Unexpected token <
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → React Native with visual studio 2015 IDE
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
- → How do I determine if a new ReactJS session and/or Browser session has started?
- → Alt @decorators in React-Native
- → How to dynamically add class to parent div of focused input field?
Ad