Reactコンポーネントの静的プロパティを更新するにはどうすればよいですか？

Question

私は、状態に依存する還元状態と静的性質を持つ成分を持っています。この静的プロパティはどのように更新できますか？

import React, { Component } from 'react'; 
import CustomIcon from './CustomIcon'; 
import { connect } from 'react-redux'; 
import { getTranslate } from 'react-localize-redux'; 

class ExitButton extends Component { 
    static navigationOptions = { 
    drawerLabel: this.props.translate('exit'), // here 
    drawerIcon: <CustomIcon name='sign-out' size={27} withoutFeedback /> 
    } 

    render() { 
    return null; 
    } 
} 

export default connect(
    state => ({ 
    translate: getTranslate(state.locale) 
    }) 
)(ExitButton); 

Answer 1

別のコンテナを作成し、それを静的プロパティにフックすることを検討できます。

const Translator = ({ translate, text }) => translate(text) 
export default connect(
    state => ({ 
    translate: getTranslate(state.locale) 
    }) 
)(Translator); 

そしてあなたExitButtonコンポーネント

... 
static navigationOptions = { 
    drawerLabel: <Translator text='exit'>, 
    drawerIcon: <CustomIcon name='sign-out' size={27} withoutFeedback /> 
} 
... 

に私はこれをテストしていませんが、HOC conventionsにより、動作するはずです。