React Native 自动补全 IntelliJ

Question

当我创建自己的“包装器”组件时，自动完成对我不起作用。

例如我的文本输入：

const TextInput = props => {

    const {error} = props
    let borderColor = Colors.grey

    if (error) borderColor = Colors.error

    return (
        <TextInputCmp style={{...styles.input, borderColor}} {...props}/>
    )
}

export default TextInput

应该允许所有普通 TextInput 的道具 + 像 error 这样的附加道具，并因此由 IDE 建议。

我知道，IDE 无法知道这一点。请告诉我在包装这些组件时该怎么做（采用代码/安装插件）以获得有效的自动完成功能。

Answer 1

添加/使用 typescript 为我解决了这个问题。 我真的可以推荐使用打字稿。 https://www.typescriptlang.org/