reactjs - React Hooks med TypeScript: Egenskapen 'data' finns inte på typ

Jag har ett fel som inte alls är logiskt, jag skriver värdet av mitt tillstånd med hooks, men den säger att felet inte är av samma typ.

Har redan försökt med tom array och även array med viss data och felet är alltid detsamma.

import React, { useState } from 'react';
import { Row, Col } from 'config/styles';
import Bed from './Bed';

interface DataTypes {
  date: string;
  value: number;
}

function Beds(): JSX.Element {
  const { data, setData } = useState<DataTypes[]>([]);

  return (
    <>
      <Row>
        {data.map((d, i) => (
          <Col key={i} sm={16.666} lg={10}>
            <Bed {...d} />
          </Col>
        ))}
      </Row>
    </>
  );
}

export default Beds;

Fel detta:

TypeScript error in /Users/keven/Documents/carenet/orquestra-frontend/src/Beds/index.tsx(11,11):
Property 'data' does not exist on type '[DataTypes[], Dispatch<SetStateAction<DataTypes[]>>]'

Svar #1

du bör använda const [ data, setData ] istället för const { data, setData }

Svar #2

Det bör vara en lista, inte ett objekt:

const [data, setData] = useState<DataTypes[]>([]);

Du har denna indikation i felmeddelandet:

type '[DataTypes[], Dispatch<SetStateAction<DataTypes[]>>]'

Relaterade artiklar