小编Wai*_*aiz的帖子

我正在尝试从 API 获取数据并使用 typeScript 将数据显示到 React 中的卡片列表中。由于我是 Typescript 中的 React 新手，不确定如何解决此错误或者我是否遗漏了某些内容。

这是我得到的错误：输入 '{children: string[]; 键：数字；}' 不可分配给类型“IntrinsicAttributes & Props”。类型“IntrinsicAttributes & Props”上不存在属性“children”。

这是代码：

    interface Props {
  pokemonItem: PokemonItem;
}

export const PokemonCardList = (props: Props) => {
  const { pokemonItem } = props;
  const {
    id = '',
    name = '',
    weight = '',
    height = '',
    abilities = '',
  } = pokemonItem;

  const [pokemon, setPokemon] = React.useState<PokemonItem[]>([]);
  const [loadItems, setLoadItems] = React.useState(API_URL);

  const getPokemons = async () => {
    setLoading(true);
    const …

我正在尝试使用 axios 从 API 获取数据，但 response.data 给了我“未知”错误。不知道如何解决这个问题。任何人都可以帮助我。我正在使用打字稿。

这是我收到的错误：

对象的类型为“unknown”.ts(2571)（参数）响应：AxiosResponse<unknown, any>

    interface Props {
  pokemonItem: PokemonItem[];
  children: React.ReactNode | React.ReactNode[];
}

export const PokemonContainer: React.FC = (props) => {
  const { pokemonItem } = props;
  const { name, height, weight, abilities } = pokemonItem;

  const [hovered, setHovered] = React.useState(false);
  const [imageLoaded, setImageLoaded] = React.useState(false);
  const [pokemon, setPokemon] = React.useState([]);


  const getPokemons = () => {
    try {
      axios
      .get('https:pokeapi.co/api/v2/pokemon')
      .then((response) => {
        setPokemon(response.data.results.map((item) => item.name));
      });
    } catch (error) {
      console.log(error); …