1

我开始使用 Ionic-react 进行打字稿，所以我在设置状态时遇到了打字稿问题

这是我的代码

import { RouteComponentProps } from "react-router-dom";

type ICoord = {
  data: number[];
};
type Props = RouteComponentProps & ICoord;

const Verify: React.FC<Props> = ({ history }) => {
  const coordinates: number[] = [];
  const [data, setdata] = useState<ICoord>();

  useEffect(() => {}, [data]);
  const start = () => {
    navigator.geolocation.watchPosition(
      (data) => {
        console.log(data);
        coordinates[0] = data.coords.latitude;
        coordinates[1] = data.coords.longitude;
        setdata(coordinates);
      },
      (err) => {
        console.log(err);
      },
      { enableHighAccuracy: true }
    );
  };
  const stop = () => {};

  return (
    <div>
      <button onClick={start}>start</button>
      <button onClick={stop}>stop</button>
    </div>
  );
};

export default Verify;

所以当我尝试在行中设置状态时

setdata(coordinates);

它给了我错误

'number[]' 类型的参数不能分配给 'SetStateAction<ICoord | 类型的参数 未定义>'。类型 'number[]' 不可分配给类型 '(prevState: ICoord | undefined) => ICoord | 不明确的'。

4

2 回答 2

2 
const [data, setdata] = useState<ICoord | undefined>();
于 2020-09-17T15:15:34.867 回答
1

只需丢失“ICoord”，因为您只有一个值，您不需要编写更多代码。此外，在 useState 中，您可以定义数据类型

const [data, setData] = useState([])
于 2020-09-17T08:05:53.650 回答