react如何改变react数组中对象的值

Question

开发环境
・ 反应
・ 打字稿

state 更新状态数组中的成员对象。
我的实现如下。 但是，我收到以下错误，无法很好地实现。

错误消息

类型'(IMemberLavel | {Language: IMember;}) []'不能分配给类型'IMemberLavel []'

interface IMemberLevel {
  member: IMember;
  level: ILevel;
}

interface IMember {
  id: number;
  name: string;
}

interface ILevel {
  id: number;
  name: string;
 }

interface ISearch {
  name: string;
  age: number;
  groups?: IGroups[];
  memberLavel: IMemberLevel[];
}

interface IState {
  searchState:　ISearch;
  text: string,
  display: boolean
}

const Index: FC = () => {
  const [state, setState] = useState<IState>({
    searchState: initialSearch,
    text: '',
    display: boolean
  });

  const onClickMember = (member: IMember) => {
    setState({
      ...state,
      searchState: {
        ...state.searchState,
        memberLavel: [...state.searchState., {  member : member }],
     },
  });
  };

后记

const inithiaｌMemberLavel: IMemberLevel = {
  member: { id: 0, name: '' },
  level: { id: 0, name: '' },
};

const initialSearch: ISearch = {
  name: '',
  age: 0,
  groups: [],
  memberLavel: inithiaｌMemberLavel[]
}

Answer 1

您要添加到 memberLavel 的新成员缺少 level 属性，请添加该属性

setState({
  ...state,
  searchState: {
    ...state.searchState,
    memberLavel: [
      ...state.searchState.memberLavel,
      { member, level: { id: /* some number */, name: /* some name */ } },
    ],
  },
});

或者在IMemberLevel接口中设置为可选

interface IMemberLevel {
  member: IMember;
  level?: ILevel;
}