本文共 581 字,大约阅读时间需要 1 分钟。
React-基于React & Reflux 的评论框组件 (ES6)
可以通过如下地址下载源码:https://github.com/CynthiaLYY/comments
打开方式:下载压缩包并解压至你本地服务器目录下,安装package.json中的模块依赖,通过webpack重新打包校验是否有错误,通过locallhost:端口号 /comments 访问。如果你下载了并成功运行,感觉对于你项目或学习有帮助,请在github上star这个库哟~
最近在学习React,写了一个基于React & Reflux的评论框组件。模块依赖如下:
Actions用于定义事件,Stores用于监听Actions中定义的事件,并trigger保存在模块state中的属性。在Components中触发Actions,从而更新模块state并重新渲染页面。</NoteCreationBox>
实现效果如下:
输入评论,点击Save保存评论,点击Add New输入框获得焦点。
输入几条评论
这个效果比较简陋,你可以调整下样式,直接在你的项目中使用。