想问一下各位老师，reactjs怎么调试代码

使用Chrome引入的source-map文件
因为截止目前几乎没有浏览器原生支持es6标准。所以，针对这种情况，chrome引入了source-map文件，标识es5代码对应的转码前的es6代码哪一行。对于开发人员来说，你唯一要做的就是配置webpack自动生成source-map文件，在webpack.config.js中增加一行配置即可（这个需要你去重新启动webpack-dev-server，以使配置生效）。
entry:{
'index':'./src/index.js',
'comment':'./src/comment.js',
'commentEs6':'./src/commentEs6.js',
},
devtool: 'source-map',
output: {
path: path.resolve(__dirname, 'build'),
filename: '[name].js'
},

　　今天我也遇到这样的问题，
　　不过在React官网上已经给出了一个Debugging工具 React Developer Tools, 支持Chrome 和 Firefox, 而且也给了一个操作的例子，可以设置断点进行单步调试.