reactjs – 无法修改React DevTools for Chrome的组件道具

发布时间：2020-12-15 09:31:58 所属栏目：百科来源：网络整理

导读：我正在开发一个React应用程序并设置webpack将我的代码打包成捆绑包. 但是,当我使用React DevTools在Chrome中加载我的应用程序并尝试通过扩展修改组件的道具时,它不会更改值或使用新值重新渲染. 下面是我的webpack.config.js 'use strict';const webpack = re

我正在开发一个React应用程序并设置webpack将我的代码打包成捆绑包.

但是,当我使用React DevTools在Chrome中加载我的应用程序并尝试通过扩展修改组件的道具时,它不会更改值或使用新值重新渲染.

下面是我的webpack.config.js

'use strict';

const webpack = require('webpack')

module.exports = {
  entry: {
    agile: './client/js/agile.jsx.js',vendor: [
      'domready','react','react-dom','classnames'
    ]
  },output: {
    filename: '[name].bundle.js',path: 'public/js',publicPath: '/js/'
  },module: {
    loaders: [
      { test: /.js$/,exclude: /node_modules/,loader: 'babel' }
    ]
  },plugins: [
    new webpack.optimize.DedupePlugin(),new webpack.optimize.OccurenceOrderPlugin(true),new webpack.optimize.CommonsChunkPlugin({names: ['vendor'],minChunks: Infinity}),new webpack.HotModuleReplacementPlugin()
  ],target: 'web',devtool: 'source-map',stats: {
    color: true,modules: false,reasons: false
  },devServer: {
    hot: true,inline: true,contentBase: './public/'
  }
};

如果我做错了,请告诉我.

我还尝试删除上面使用的HotModuleReplacementPlugin并在没有webpack-dev-server的情况下运行我的应用程序.他们都没有工作.

版本：

> React – 15.0.1
> React DevTools – 0.14.9
>节点 – v4.4.1
> Chrome – Mac OSX上的49.0.2623.112(64位)

解决方法

我不知道这是否有资格作为答案,但我还没有超过50分,所以我不能添加评论.

看起来这是由一月份首次报道的React optimization引起的问题.在该线程的末尾有一个打开的PR,可以解决问题.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!