属性"id"在类型"{}"上不存在 |板型'

Question

我在Reactjs(v18(版本中使用Typescript。我在下面有个问题

export interface BoardType {
id: string,
columnOrder: string[] | [],
columns: string[]
}
const [board, setBoard] = useState<BoardType | {}>({});
const ABC = board.id; // Property 'id' does not exist on type '{} | BoardType'

我不知道为什么会发生这个错误。有人能给我解释一下吗？感谢您的支持！

Answer 1

您正在给出初始状态：useState中的{}

BoardType有一个id，而{}没有。因此，作为BoardType | {}的board可能没有一个。

你可以使用可选的链接，如果board是{}，你会得到未定义

像这样：const ABC = board?.id;

Answer 2

将Board设置为空对象是没有意义的。将其设为空。。。

const [board, setBoard] = useState<BoardType | null>();
const ABC = board?.id;