摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson18 转载请注明出处,保留原文链接和作者信息。 我们在讲解 JSX 的章节中提到,下面的代码: 会编译成: 其实我们把 Header 组件传给了 React.createElement 函数, 阅读全文
posted @ 2017-11-10 10:51 胡子大哈 阅读(324) 评论(0) 推荐(0) 编辑
摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson17 转载请注明出处,保留原文链接和作者信息。 上一个评论功能的案例中,可能会有些同学会对一个地方感到疑惑: CommentList中显示的评论列表数据为什么要通过父组件 CommentApp 阅读全文
posted @ 2017-11-10 10:50 胡子大哈 阅读(886) 评论(0) 推荐(0) 编辑
摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson16 转载请注明出处,保留原文链接和作者信息。 接下来的代码比较顺理成章了。修改 CommentList 可以让它可以显示评论列表: 这里的代码没有什么新鲜的内容,只不过是建立了一个 comm 阅读全文
posted @ 2017-11-10 10:49 胡子大哈 阅读(1449) 评论(0) 推荐(0) 编辑
摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson15 转载请注明出处,保留原文链接和作者信息。 上一节我们构建了基本的代码框架,现在开始完善其他的内容。 处理用户输入 我们从 ComponentInput 组件开始,学习 React.js 阅读全文
posted @ 2017-11-10 10:47 胡子大哈 阅读(784) 评论(0) 推荐(0) 编辑
摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson14 转载请注明出处,保留原文链接和作者信息。 课程到这里大家已经掌握了 React.js 的基础知识和组件的基本写法了。现在可以把我们所学到的内容应用于实战当中。这里给大家提供一个实战的案例 阅读全文
posted @ 2017-11-10 10:46 胡子大哈 阅读(549) 评论(0) 推荐(0) 编辑
摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson13 转载请注明出处,保留原文链接和作者信息。 列表数据在前端非常常见,我们经常要处理这种类型的数据,例如文章列表、评论列表、用户列表…一个前端工程师几乎每天都需要跟列表数据打交道。 Reac 阅读全文
posted @ 2017-11-10 10:45 胡子大哈 阅读(613) 评论(0) 推荐(0) 编辑
摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson12 转载请注明出处,保留原文链接和作者信息。 我们来一个关于 state 和 props 的总结。 state 的主要作用是用于组件保存、控制、修改自己的可变状态。state 在组件内部初始 阅读全文
posted @ 2017-11-10 10:44 胡子大哈 阅读(203) 评论(0) 推荐(0) 编辑
摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson11 转载请注明出处,保留原文链接和作者信息。 组件是相互独立、可复用的单元,一个组件可能在不同地方被用到。但是在不同的场景下对这个组件的需求可能会根据情况有所不同,例如一个点赞按钮组件,在我 阅读全文
posted @ 2017-11-10 10:43 胡子大哈 阅读(277) 评论(0) 推荐(0) 编辑
摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson10 转载请注明出处,保留原文链接和作者信息。 state 我们前面提到过,一个组件的显示形态是可以由它数据状态和配置参数决定的。一个组件可以拥有自己的状态,就像一个点赞按钮,可以有“已点赞” 阅读全文
posted @ 2017-11-10 10:42 胡子大哈 阅读(481) 评论(0) 推荐(0) 编辑
摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson9 转载请注明出处,保留原文链接和作者信息。 在 React.js 里面监听事件是很容易的事情,你只需要给需要监听事件的元素加上属性类似于 onClick、onKeyDown 这样的属性,例如 阅读全文
posted @ 2017-11-10 10:41 胡子大哈 阅读(455) 评论(0) 推荐(0) 编辑