本文共 1044 字，大约阅读时间需要 3 分钟。

在create-react-app项目中优化React函数绑定问题的解决方案

在create-react-app项目中，默认的配置可能会限制函数绑定的方式选择。为了解决这个问题，可以通过以下步骤进行优化：

npm install --save-dev react-app-rewired

2. 配置项目 在项目根目录下创建config-overrides.js文件：

const rewireMobX = require('react-app-rewired');
const rewireEslint = require('react-app-rewired');
const { injectBabelPlugin } = require('react-app-rewired');
module.exports = {
    webpack: (config, env) => {
        // 配置Eslint
        config = rewireEslint(config, env);
        // 配置MobX
        config = rewireMobX(config, env);
        // 注入Babel插件
        config = injectBabelPlugin('transform-function-bind', config);
        // 调整输出路径
        config.output.publicPath = '';
        return config;
    }
};

3. 启动项目 运行以下命令重新启动项目：

npm start

4. 测试功能 在组件中使用优化后的配置：

class CartItem extends React.Component {
    constructor(props) {
        super(props);
        this.method = this.method.bind(this);
    }
    render() {
        return (
            
        );
    }
}

这样，函数绑定问题就得以在create-react-app项目中得到解决，同时保持了项目的简洁性和可维护性。

转载地址：http://fdhkz.baihongyu.com/