摘要: 在a标签下面添加一个按钮并加上onClick事件,通过this.props.history.push这个函数跳转到detail页面。在路由组件中加入的代码就是将history这个对象注册到组件的props中去,然后就可以在子组件中通过props调用history的push方法跳转页面。 很多场景下, 阅读全文
posted @ 2019-09-23 21:08 前端xh 阅读(1530) 评论(0) 推荐(0) 编辑
摘要: 组件嵌套:将子组件以标签的形式写在父组件的模板中。 组件之间的通信 子传父 子传父 通过函数层层传递 点击h3 执行fn 而fn中去执行onlick函数而onlick是来自于props的,props中的onlick又是ff,转移去执行ff把参数赋给a 修改了a的值。 父传子 .使用props传值 具 阅读全文
posted @ 2019-09-23 21:02 前端xh 阅读(3055) 评论(0) 推荐(0) 编辑
摘要: 注意事项: 组件类的名称首字母必须大写,否则报错。组件类中的模板只能有一个顶层标签,否则报错。组件标签上class属性改成className for属性改成htmlFor 使用React.createClass({})生成组件类 组件标签上可以任意添加属性 在组件类中使用this.props获取组件 阅读全文
posted @ 2019-09-23 20:53 前端xh 阅读(841) 评论(0) 推荐(1) 编辑
摘要: 在src里新建一个comsrctros再建两个两个文件夹,分别命名为“pink”和“red”。文件夹命名为 建一个路由组件文件夹,命名为“pink”,里面有一个rpink.js和pinkcss并编写如下代码 import React from 'react'; import "./pink.css" 阅读全文
posted @ 2019-09-23 20:28 前端xh 阅读(888) 评论(0) 推荐(0) 编辑