Button 如何通过状态参数更改按钮属性-React Native

我使用的是本地基本主题。我想按状态参数更改按钮主题。 在下面的代码中，我想做的是当单击按钮时，按钮将变成成功按钮样式

import React, { Component } from 'react';
import {  Platform,  StyleSheet  } from 'react-native';    
import { Button, Text} from 'native-base';

class GameScreen extends Component {
      constructor(props) {
        super(props);
        this.state = {
          answerBtnClr: 'warning'
        }
      }
    changeButton(){
        this.setState({answerBtnClr: 'success'});
    }
 render() {
    return (
     <Button {this.state.answerBtnClr} onPress={() => this.changeButton()}>
       <Text> Change Me </Text>
     </Button>
     )
    }
 }

    export default GameScreen;

import React，{Component}来自'React'；
从“react native”导入{Platform，StyleSheet}；
从“本机基”导入{按钮，文本}；
类GameScreen扩展组件{
建造师（道具）{
超级（道具）；
此.state={
答：'警告'
}
}
changeButton（）{
this.setState（{answerBtnClr:'success'}）；
}
render（）{
返回(
this.changeButton（）}>
改变我
)
}
}
导出默认游戏屏幕；

render（）{
const showSuccess=this.state.answerBtn=='success'；
返回(
...
)
}

编辑

---

“您的状态”和“设置状态”有两个不同的变量，但我认为它们是相同的，这只是一个输入错误。

谢谢。这是我的问题和答案。我还编辑了状态参数。

render() {
    const showSuccess = this.state.answerBtn === 'success';
    return (
        <Button success={showSuccess} warning={!showSuccess} ... >
            ...
        </Button>
    )
}