Question

我想通过PureRenderMixin使用shouldComponentUpdate优化效果，但在npm i react-addons-pure-render-mixin --save之后，我发现我无法正确调用PureRenderMixin。

我遵循react document ES6步骤。

import PureRenderMixin from 'react-addons-pure-render-mixin';

class FooComponent extends React.Component {
  constructor(props) {
    super(props);
    this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this);
  }
}

总是会出现Unable to resolve module react-addons-pure-render-mixin错误。

在本地反应中是否有任何可能的使用PureRenderMixin？如果是这样，我该如何解决？

Answer 1

您可能需要从'react-mixin'导入reactMixin;整个解决方案将是这样的：

import React, { Component } from 'react';
import { View } from 'react-native';
import reactMixin from 'react-mixin';
import PureRenderMixin from 'react-addons-pure-render-mixin';

import Styles from './styles';

export default class Loading extends Component {

  render() {
    return (
      <View style={Styles.container}>
          <Text>Hello world!!!</Text>
      </View>
    );
  }
}

reactMixin(Loading.prototype, PureRenderMixin);

有没有可能使用PureRenderMixin反应原生

1 个答案: