• 初涉传说中的 【React】
  为了减少多种实现方式的迷惑出现
  在此只展示我实际操作中使用的方式

需求：就是在 React 语法下，点击表格中的数据，进行编辑、删除操作

• 因为我是初学 React ,并非专业的前端开发，所以直接加载 js 文件

• 鄙人最简化的源码整理如下

• 【注意】

  着重注意我对点击事件的使用 "onClick={this.delPostRecord} "
  同时对比参考点击事件的定义

    this.delPostRecord = this.delPostRecord.bind(this);
  
     //删除按钮的点击事件
     delPostRecord(role_id,event){
  
  
  
        //return event.preventDefault();  //如果不想后面的操作了
         delPostRecord(role_id);
     }
  

• 官方文档—— 【React-传递函数给组件】

【总结】

鉴于点击事件的性能优化；
建议使用文中的方式，也可参考后面的文章；
对于富文本的转化显示，请注意 dangerouslySetInnerHTML 的使用！

• 参考文章

  【React 点击事件的 bind(this) 传参问题】

  【react中 dangerouslySetInnerHTML 使用】

本文同步分享在 博客“moTzxx”（CSDN）。
如有侵权，请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。