![](https://img-blog.csdnimg.cn/20190918135101160.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React
文章平均质量分 53
Reac学习(Ant+React+ts)
键指江湖
路漫漫其修远兮,吾将上下而求索
展开
-
React 组件prop传值
我们可以通过在 Avatar 之后直接列出它们的名字 person, size 来读取这些 props。这些 props 在 ({ 和 }) 之间,并由逗号分隔。这样,我们可以在 Avatar 的代码中使用它们,就像使用变量一样。将一些 props 传递给 Avatar。例如,让我们传递两个 props:person(一个对象)和 size(一个数字)当然我们也可以其他页面使用product页面里面的子组件Avatar。在需要使用的组件页面具名导入Avatar,让后传入对应的值即可。原创 2023-10-31 14:56:52 · 160 阅读 · 0 评论 -
Ant Design of React组件引用及路由跳转
注意如果要使用Ant 的图标,需要另外引入,从 4.0 开始,antd 不再内置 Icon 组件,需使用独立的包 @ant-design/icons。这里我们主要2点:1.使用Ant的组件;2,如何引用页面组件;Ant Design of React组件引用及路由跳转,接着笔记(1)继续。公共组件目录定义了公共组件header,和底部公共组件footer。安装成功,在home.tsx文件引用。二,页面组件的引用及导航路由跳转。一,Ant组件的引用。原创 2023-10-09 15:01:29 · 705 阅读 · 0 评论 -
Ant Design of React 创建项目及运行环境
在package.json 文件下会看到antd 相关信息,如果要使用sass或者less预编样式、axios数据请求这些按需npm安装即可。本文使用 create-react-app 创建一个 TypeScript 项目,并引入 antd。1.命令行cd到对应的目录,这里是npm下回车运行,其他如pnpm yarn参考官网。2.进入项目并运行 cd到项目下运行 npm run start。antd-demo就是项目名称,可以自己随意起。这个是路由,后面要用到路由跳转,项目目录下运行。原创 2023-10-09 12:15:01 · 442 阅读 · 0 评论