typescript如何解决类型“never”上不存在属性'xxx'问题？

Question

问题描述

逻辑:

1. 利用hooks的useEffect发送接口请求,数据回传后写入useState里
2. 在组件内容里渲染数据

遍历时ts检测content不存在,请问如何解决？

export const Joke = (props: any) => {
  const [jokeList, setJokeList] = useState([]);
  useEffect(() => {
    const asyncFetch = async () => {
      await fetchJokeList().then(result => {
        setJokeList(result.data);
      });
    }
    asyncFetch();
  }, []);
  return (
    <div>{jokeList.map(item => (    // const jokeList: never[]
      <p>
        {item.content}    // 此行报错,类型“never”上不存在属性“content”
      </p>
    ))}</div>
  )
}

---

item新增接口定义时,报错

Answer 1

item['content']

Answer 2