使用Typescript开发react最佳实践(1)
2023-06-08 06:22:02 阅读次数:221
react,typescript
组件Demo
1.将props直接拆解内层直接使用
import React from 'react';
interface Props {
from: string;
message: string;
}
const Demo: React.FC<Props> = ({ from, message }) => {
return (
<div>
<p>来自{from}的消息</p>
<p>{message}</p>
</div>
);
}
export default Demo;
2.不拆props
import React from 'react';
interface Props {
from: string;
message: string;
}
const Demo: React.FC<Props> = ( props ) => {
const { from, message } = props;
return (
<div>
<p>来自{from}的消息</p>
<p>{message}</p>
</div>
);
}
export default Demo;
使用组件Demo
import Demo from './ListTableList/components/Demo';
<Demo message="你的typescript水平咋样了?" from="liuyunshengs" />
版权声明:本文内容来自第三方投稿或授权转载,原文地址:https://blog.51cto.com/liuyunshengsir/5998409,作者:liuyunshengsir,版权归原作者所有。本网站转在其作品的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系,请发邮件至ctyunbbs@chinatelecom.cn沟通。
上一篇:hibernate框架主键的生成策略
下一篇:zookeeper 客户端命令大全(详细,有图片操作步骤)