时间戳

首页 > 解决方案 > 用函数调用反应 js 哪个 col 数值。道具类型失败：提供给 Col 的类型函数的无效道具“md”，预期数量

javascript - 用函数调用反应 js 哪个 col 数值。道具类型失败：提供给 Col 的类型函数的无效道具“md”，预期数量

问题描述

我有一个反应 js 组件，其中定义了 Col 元素

<Col md= {3}>

</Col>

当我使用像 3 或 2 这样的数字时，它可以正常工作。

我添加了一个函数来检查传入的道具 bool 值并在 3 和 2 之间切换，如下所示

<Col md={ this.getColVal}>
</Col>

getColVal = () => {
  return (this.props.IsValue === true) ?  3 : 2;
}

也在构造函数中尝试过

const colVal = (this.props.IsValue === true) ?  3 : 2;

我收到此错误

道具类型失败：提供给“Col”的“function”类型的无效道具“md”，预期数量

任何帮助表示赞赏。谢谢

标签： javascripthtmlreactjs

解决方案

您需要调用 getColVal 方法，如下所示：

<Col md={ this.getColVal()}>
</Col>

通过使用上述方法，您将获得整数返回值。

推荐阅读