JSON数组的react.js打字稿问题

Question

我正在尝试让自己熟悉 react.js 和 typescript。 我试图声明一个 JSON 数组，但它给了我一个错误，说 ... 不能分配给 JSON

这是我的代码：

import React from 'react';
type MyProps = {
    message?: string;
};
type MyState = {
    chat_list : Array<JSON>
    count: number; // like this
};
class ChatList extends React.Component<MyProps, MyState> {
    state: MyState = {
        count: 0,
        chat_list : [
            {
                "name":"true",
                "active" : true
            }
        ]
    };
    ...

我该如何解决这个问题？

Answer 1

您应该定义聊天项目的形状，JSON 是具有特定形状的实际全局对象（JSON.stringify、JSON.parse 等）

    interface ChatItem {
      name: string;
      active: boolean;
    }

    interface MyState {
      chat_list: Array<ChatItem>; // Or ChatItem[]
      count: number;
    }

   state: MyState = {
      count: 0,
      chat_list: [
        {
          name: 'true',
          active: true,
        },
      ],
    };