ReactNative自定义控件状态更新的正确姿势

ReactNative自定义控件状态更新的正确姿势

我们经常要自定义一个ReactNative控件,而在Render()方法中会用到组件的属性，而这些属性不能即时更新，导致界面不能刷新。举例如下:

比如我们定义了一个按钮组件，这个组件外部会指定一个颜色，我们在构造方法中初始化当前的属性borderColor为this.props.borderColor;

'use strict'
import React, {Component} from 'react';
import {
    View, Text, TouchableOpacity
} from 'react-native';

export default class Button extends Component {

    constructor(props) {
        super(props);
        this.state = {
            borderColor : this.props.borderColor || "#FF0000"
        }
    }

    componentWillReceiveProps(nextProps) {