是否有任何可能使用PureRenderMixin在反應本土

Question

我想通過shouldComponentUpdate， 但經過npm i react-addons-pure-render-mixin --save使用PureRenderMixin優化性能，我發現我無法正確地調用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);