摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson27 转载请注明出处,保留原文链接和作者信息。 (本文未审核) 删除评论 现在发布评论,评论不会消失,评论越来越多并不是什么好事。所以我们给评论组件加上删除评论的功能,这样就可以删除不想要的评 阅读全文
posted @ 2017-11-10 10:58 胡子大哈 阅读(426) 评论(0) 推荐(0) 编辑
摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson26 转载请注明出处,保留原文链接和作者信息。 (本文未审核) 持久化评论 同样地,可以通过类似于用户名持久化的方式对评论列表内容进行持久化,让用户发布的评论在刷新页面以后依然可以存在。修改  阅读全文
posted @ 2017-11-10 10:57 胡子大哈 阅读(277) 评论(0) 推荐(0) 编辑
摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson25 转载请注明出处,保留原文链接和作者信息。 (本文未审核) 目前为止,第二阶段知识已经基本介绍完,我们已经具备了项目上手实战必备的 React.js 知识,现在可以把这些知识应用起来。接下 阅读全文
posted @ 2017-11-10 10:57 胡子大哈 阅读(280) 评论(0) 推荐(0) 编辑
摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson24 转载请注明出处,保留原文链接和作者信息。 我们来了到了一个非常尴尬的章节,很多初学的朋友可能对这一章的知识点不屑一顾,觉得用不用对程序功能也没什么影响。但其实这一章节的知识在你构建多人协 阅读全文
posted @ 2017-11-10 10:56 胡子大哈 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson23 转载请注明出处,保留原文链接和作者信息。 这一节我们来补充两个之前没有提到的属性,但是在 React.js 组件开发中也非常常用,但是它们也很简单。 dangerouslySetHTML 阅读全文
posted @ 2017-11-10 10:55 胡子大哈 阅读(430) 评论(0) 推荐(0) 编辑
摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson21 转载请注明出处,保留原文链接和作者信息。 在 React.js 当中你基本不需要和 DOM 直接打交道。React.js 提供了一系列的 on*方法帮助我们进行事件监听,所以 React 阅读全文
posted @ 2017-11-10 10:54 胡子大哈 阅读(248) 评论(0) 推荐(0) 编辑
摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson22 转载请注明出处,保留原文链接和作者信息。 有一类组件,充当了容器的作用,它定义了一种外层结构形式,然后你可以往里面塞任意的内容。这种结构在实际当中非常常见,例如这种带卡片组件: 组件本身 阅读全文
posted @ 2017-11-10 10:54 胡子大哈 阅读(510) 评论(0) 推荐(0) 编辑
摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson20 转载请注明出处,保留原文链接和作者信息。 从之前的章节我们了解到,组件的挂载指的是将组件渲染并且构造 DOM 元素然后插入页面的过程。这是一个从无到有的过程,React.js 提供一些生 阅读全文
posted @ 2017-11-10 10:53 胡子大哈 阅读(234) 评论(0) 推荐(0) 编辑
摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson19 转载请注明出处,保留原文链接和作者信息。 这一节我们来讨论一下对于一个组件来说,constructor 、componentWillMount、componentDidMount、com 阅读全文
posted @ 2017-11-10 10:52 胡子大哈 阅读(397) 评论(0) 推荐(0) 编辑
摘要: 作者:胡子大哈 原文链接: 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) 编辑
摘要: 作者:胡子大哈 原文链接: http://huziketang.com/books/react/lesson8 转载请注明出处,保留原文链接和作者信息。 继续拓展前面的例子,现在我们已经有了 Header 组件了。假设我们现在构建一个新的组件叫 Title,它专门负责显示标题。你可以在 Header 阅读全文
posted @ 2017-11-10 10:40 胡子大哈 阅读(390) 评论(0) 推荐(0) 编辑