如何根据禁用/启用按钮分配新变量？答案

【问题标题】：How to assign a new var based on a disabled/enabled button?如何根据禁用/启用按钮分配新变量？
【发布时间】：2021-04-26 03:03:01
【问题描述】：

假设我有一个按钮，当条件为假时禁用（不透明度：0.3），当条件为真时启用（不透明度：1）。

让我们暂时忘记实际情况——我想实际检查一下按钮何时被禁用（不透明度：0.3），并据此为新变量赋值。

例如，如果按钮被禁用（不透明度：0.3），则 newVar = false。如果按钮已启用（不透明度：1），则 newVar = true。

我怎样才能做到这一点？下面是我当前按钮的代码

<NextBtn
    orange
    withIcon
    iconStyle={{ width: '9px', height: 'auto' }}
    icon={t.image.icon.bottomChevron_orange}
    event={() => checkForError('next')}
    className="buttonNextClass"
    style={
        checkEmptyField() === true
        ? { opacity: 0.3, pointerEvents: 'none' }
        : { opacity: 1 }
    }
    >
    {c('form.content.next')}
</NextBtn>

【问题讨论】：

标签： javascript css reactjs next.js

【解决方案1】：

也许通过创建一个setter来设置newVar的值：

const setNewVar = (param)=>{
 newVar = param;
}
<NextBtn
    orange
    withIcon
    iconStyle={{ width: '9px', height: 'auto' }}
    icon={t.image.icon.bottomChevron_orange}
    event={() => checkForError('next')}
    className="buttonNextClass"
    style={
        checkEmptyField() === true
        ? setNewVar(false) && { opacity: 0.3, pointerEvents: 'none' }
        : setNewVar(true) &&  { opacity: 1 }
    }
    >
    {c('form.content.next')}
</NextBtn>

【讨论】：

谢谢老哥，虽然我一直收到这个错误：“''setNewVar' is not defined no-undef”，定义 var 不会删除 setter 方法的目的吗？
是newVar 状态还是只是一些变量？
我的意思是，这并不重要......我只需要一个变量/const/whatever 来指示按钮是启用还是禁用......不知道该怎么做跨度>
您可以简单地为此写一个setter。我更新了我的答案
谢谢兄弟，仍然无法正常工作，现在我在第一行出现语法错误（应该是这样吗？(param) => {），即使使用更正的语法，我也会得到@987654326 @