lvwang2002
/
react-native-echarts
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

使用深比较避免重新渲染

This commit is contained in:
Mar-er 2019-04-12 16:30:39 +08:00
parent d7340b8e78
commit 17dd39e0dd
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
package.json
View File

@ -26,6 +26,7 @@
}, },
"homepage": "https://github.com/somonus/react-native-echarts#readme", "homepage": "https://github.com/somonus/react-native-echarts#readme",
"dependencies": { "dependencies": {
"echarts": "3.2.3" "echarts": "3.2.3",
"ramda": "^0.26.1"
} }
} }

6
src/components/Echarts/index.js
View File

@ -1,5 +1,6 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import { WebView, View, StyleSheet, Platform } from 'react-native'; import { WebView, View, StyleSheet, Platform } from 'react-native';
import { equals } from 'ramda';
import renderChart from './renderChart'; import renderChart from './renderChart';
import echarts from './echarts.min'; import echarts from './echarts.min';
@ -12,7 +13,10 @@ export default class App extends Component {
componentWillReceiveProps(nextProps) { componentWillReceiveProps(nextProps) {
if(nextProps.option !== this.props.option) { // if(nextProps.option !== this.props.option) {
// this.refs.chart.reload();
// }
if(!equals(nextProps.option, this.props.option)) {
this.refs.chart.reload(); this.refs.chart.reload();
} }
} }