Как типизировать функцию setBoardData в type Props?

Question

[tostershmoster]

type Color = {
  name: string;
  value: string;
};

export type BoardData = {
  boardName: string;
  description: string;
  color: Color;
};

const [boardData, setBoardData] = useState<BoardData>({
  boardName: '',
  description: '',
  color: { name: '', value: '' },
});

type Props = {
  color: Color;
  boardData: BoardData;
  setBoardData: () => void; // как типизировать эту функцию (тип BoardData) 
};

setBoardData({
  ...boardData, // (parameter) boardData: BoardData Expected 0 arguments, but got 1.ts(2554)
  color: { name: color.name, value: color.value },
});

Answer 1

[Николай]

У вас же показывается ошибка, что функция без аргументов, но вы передаете туда аргумент, вот он вам и ругается

type Props = {
  color: Color;
  boardData: BoardData;
  setBoardData: (data: BoardData) => void; // как типизировать эту функцию (тип BoardData) 
};

setBoardData({
  ...boardData, // (parameter) boardData: BoardData Expected 0 arguments, but got 1.ts(2554)
  color: { name: color.name, value: color.value },
});