typescript 如何在React Hooks中输入状态而不添加打字脚本(如prop-type -以一种简单的方式)

vc9ivgsu  于 2023-01-31  发布在  TypeScript
关注(0)|答案(1)|浏览(104)

只是好奇。
如果我不想添加TS到我的React项目中,但有时我需要一些类型检查。
对于 prop ,我有一个简单的 prop 类型解决方案,对于状态,我不能什么都不做。
有什么解决办法吗?

import PropTypes from 'prop-types';
//https://reactjs.org/docs/typechecking-with-proptypes.html - prop-types

    
export  function GreetingHook (props) {
    
    const [name2, setName2] = useState(10);//won't generate a warning.

    {
        return (
            <h1>Hello, {props.name}</h1>
        );
    }
}

GreetingHook.propTypes = {
    name: PropTypes.string,
    name2: PropTypes.string
};

//Some parent...
//Will generate a warning
<GreetingHook name = {5}/>

NB -对于类组件也应该问同样的问题。

68bkxrlz

68bkxrlz1#

您可以使用flow来代替typescript,并且可以通过以下方式进行类型检查:

const [name2, setName2] = useState(10);
(name2: number);

相关问题