Reactjs 如何让vscode识别react本机非结构化属性？_Reactjs_React Native_Visual Studio Code

Reactjs 如何让vscode识别react本机非结构化属性？

reactjs react-native visual-studio-code

Reactjs 如何让vscode识别react本机非结构化属性？,reactjs,react-native,visual-studio-code,Reactjs,React Native,Visual Studio Code,我有这个密码： const Ticket = ({ ticket }) => ( <TicketWrapper> <Title>{ticket.Title}</Title> <Body>{ticket.Body}</Body> </TicketWrapper> ); 此外，在编辑时，我不会得到属性的自动完成建议（不管大小写！）这使得我在这里的错误很难被发现我已安装并激活了react和rea

我有这个密码：

const Ticket = ({ ticket }) => (
  <TicketWrapper>
    <Title>{ticket.Title}</Title>
    <Body>{ticket.Body}</Body>
  </TicketWrapper>
);

此外，在编辑时，我不会得到属性的自动完成建议（不管大小写！）

这使得我在这里的错误很难被发现

我已安装并激活了react和react native的扩展

但他们在这个问题上没有帮助

如何获取vs代码来帮助我？

在typescript中，我安装了

@types/react

包，作为项目的一部分（创建react应用程序添加了它），它允许我执行以下操作：

export interface TicketType {
    title: string;
    body: string;
}

export interface TicketProps {
  ticket: TicketType;
}

const Ticket: React.FC<TicketProps> = ({ ticket}) => {
    // ticket is of type TicketType and can use
    // use ticket.title and ticket.body
}

导出接口票证类型{
标题：字符串；
正文：字符串；
}
导出接口ticketrops{
票证：票证类型；
}
const Ticket:React.FC=（{Ticket}）=>{
//票证类型为TicketType，可以使用
//使用ticket.title和ticket.body
}

如果您没有使用typescript，您应该检查：

什么是票证？您是否有propTypes、flow、typescript或任何其他类型信息来告诉您的工具它有哪些道具？OP是否使用typescript？请注意，@types/react只为核心react提供类型头，就像FC一样，TS允许您编写和使用接口。

export interface TicketType {
    title: string;
    body: string;
}

export interface TicketProps {
  ticket: TicketType;
}

const Ticket: React.FC<TicketProps> = ({ ticket}) => {
    // ticket is of type TicketType and can use
    // use ticket.title and ticket.body
}