我的感觉是({course})语法是从props对象中提取属性’course’.从而在组件内部调用“课程”属性更加简洁.如果我使用(props)语法传递道具,而不是({course}).然后,我必须说’props.course.authorId’,例如.
我的思路是否正确?如果你可以扩展这里发生的最新情况并填补任何空白,那将是很棒的.
import React,{PropTypes} from 'react'; import {Link} from 'react-router'; const CourseListRow = ({course}) => { return ( <tr> <td><a href={course.watchHref} target="_blank">Watch</a></td> <td><Link to={'/course' + course.id}>{course.title}</Link></td> <td>{course.authorId}</td> <td>{course.category}</td> <td>{course.length}</td> </tr> ); }; CourseListRow.propTypes = { course: PropTypes.object.isRequired }; export default CourseListRow;
你是对的.在ES6语法中,函数签名
const CourseListRow = ({course}) => { ... }
与ES5代码相同
var CourseListRow = function(props) { var course = props.course; ... }
这称为destructuring.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。