javascript - 有条件地更改禁用的按钮样式

标签 javascript react-native expo

在我的 react-native 应用程序中,我有一个禁用的按钮,在从同一屏幕选择按钮后应该启用它,它工作正常但我有它的样式问题,如果启用或禁用它应该更改但它不是,这是我的代码:

 isSubmitButtonDisabled = () => {
    return !this.state.selected;
   }

<Button disabled={this.isSubmitButtonDisabled()} style={isSubmitButtonDisabled() ? disabledStyle : enabledStyle}>
   <Text style={isSubmitButtonDisabled() ? disabledStyle : enabledStyle}>Submit</Text>
</Button>

最佳答案

您缺少这个。:

替换 isSubmitButtonDisabled() ? disabledStyle : enabledStyle with: this.isSubmitButtonDisabled() ?禁用样式:启用样式

关于javascript - 有条件地更改禁用的按钮样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53957815/

相关文章:

javascript - 简单的 JavaScript 按钮 OnClick 将元素序列化为 URL 参数 - 使用此的简短表示法?

javascript onclick 函数放大文本

javascript - 在没有 AJAX 的情况下在 jQuery 中显示加载 GIF?

react-native - React Native Animated.ScrollView 不允许我以编程方式滚动到某个位置

react-native - 尝试将 expo 安装为 "npm install expo-cli --global"但出现许多错误

javascript - 超出最大更新深度

react-native - 找不到FBSDKCoreKit/FBSDKCoreKit.h文件错误 react native ios

打开应用内开发者菜单时,react-native-debugger 断开连接并显示错误

react-native - React Native Web Expo 的 WebView 替代方案

reactjs - [未处理的 promise 拒绝: TypeError: undefined is not an object (evaluating '_expoMediaLibrary.MediaLibrary.createAssetAsync' )]