Javascript 反应js中增量值的计算

我想以样式传递参数值以计算我的宽度。我的代码是

function getValue(value) {
  if (value === 12) {
    return {
      width: '( 20 - value )%',
    };
  }
  return false;
}

---

但宽度不起作用。我是新来的。请帮助。

如果是字符串，则无法计算。引号（

“”

）使其成为字符串。另外，

%

是一个余数运算符。它得到两个数的余数。它类似于除法。您可以在上阅读有关余数运算符的更多信息 我不明白这和react有什么关系，这只是普通的javascript

我想你可能想要的是

function getValue(value) {
  if (value !== 12) { return false; }
  return {
    width: (20 - value)/100,
  };
}

您还可以执行以下操作，因为它仅在值为12时返回

var getValue = value => value === 12 ? { width: 0.08 } : false

---

此解决方案使用箭头函数、自动返回和三元运算符。你可以在mdn上阅读它们，如果它是字符串，你就无法计算。引号（

“”

）使其成为字符串。另外，

%

是一个余数运算符。它得到两个数的余数。它类似于除法。您可以在上阅读有关余数运算符的更多信息 我不明白这和react有什么关系，这只是普通的javascript

我想你可能想要的是

function getValue(value) {
  if (value !== 12) { return false; }
  return {
    width: (20 - value)/100,
  };
}

您还可以执行以下操作，因为它仅在值为12时返回

var getValue = value => value === 12 ? { width: 0.08 } : false

此解决方案使用箭头函数、自动返回和三元运算符。您可以在mdn上阅读有关它们的信息

宽度：（20-值）+'%'

试试这个

---

宽度：（20-值）+'%'

您需要以下内容。您正在检查一个常量值，因此无需进行算术运算，只需返回8即可。您可以将函数简化为如下所示

function getValue(value) {
  // return object for style or undefined for no styling
  return value === 12 ? {'width': '8% !important' } : undefined;
}

如果你想一直做一个计算（例如），就保留这个算法。那么写函数的更好方法是这样的

function getValue(value) {
  return { 'width': `${20 - value}% !important` };
}

---

你需要像下面这样的东西。您正在检查一个常量值，因此无需进行算术运算，只需返回8即可。您可以将函数简化为如下所示

function getValue(value) {
  // return object for style or undefined for no styling
  return value === 12 ? {'width': '8% !important' } : undefined;
}

如果你想一直做一个计算（例如），就保留这个算法。那么写函数的更好方法是这样的

function getValue(value) {
  return { 'width': `${20 - value}% !important` };
}

---

---

我糊涂了？你只想得到（20-value）%？是@JermahlWhiteso如果值是12，你希望函数返回什么？因为否则它将返回False如果它只在12时返回，那么只要它是12就可以返回{width:0.08}，而不是（20-value）/100I，我很困惑？你只想得到（20-value）%？是@JermahlWhiteso如果值是12，你希望函数返回什么？因为否则它将返回False如果它只在12时返回，那么只要它是12就可以返回{width:0.08}，而不是（20-value）/100为什么还要使用第二行？你可以检查它是否是12，如果是，返回0.08？因为（20-12%）总是8%同意你：）自由投票，因为你同意我，也因为质量。肯定主要是因为质量；）免费投票和编辑：）这是“三思而后行”的好方法关于这次尝试！我写了你的代码。但是当我使用

width:'7%'

时，它显示不同的宽度；当我写

width:

${20-value}%`时，它显示不同的宽度。我不知道这两个代码之间的区别是什么。这里的值是13@johnruddell为什么还要用第二行呢？你可以检查它是否是12，如果是，返回0.08？因为（20-12%）总是8%同意你：）自由投票，因为你同意我，也因为质量。肯定主要是因为质量；）免费投票和编辑：）这是“三思而后行”的好方法关于这次尝试！我写了你的代码。但是当我使用

width:'7%'

时，它显示不同的宽度；当我写

width:

${20-value}%`时，它显示不同的宽度。我不知道这两个代码之间的区别是什么。这里的值是我的13@JohnRuddellfree投票：）感谢您调用余数并链接到MDN！我觉得被侵犯了。在我不知道的情况下编辑了哈哈！我帮了你，不是吗？：）@约翰鲁德尔你是如何帮助的？？？我需要知道你如何帮助我，这样我才能表达我的感激之情。你看到我编辑的内容和我发表的评论了吗？要查看我的编辑，您必须单击1小时前编辑的链接

，

我的自由投票：）感谢您调出余数并链接到MDN！我觉得被侵犯了。在我不知道的情况下编辑了哈哈！我帮了你，不是吗？：）@约翰鲁德尔你是如何帮助的？？？我需要知道你如何帮助我，这样我才能表达我的感激之情。你看到我编辑的内容和我发表的评论了吗？要查看我的编辑，您必须单击1小时前编辑的链接