Question

我有如下内容：

functionName = () => {
  const {
    prop1,
    prop2,
    prop3,
  } = this.props;

  const collectionOfProps = {
    'ONE': prop1,
    'TWO': prop2,
    'THREE': prop3,
  }

  return (
    <FirstWrapper>
      collectionOfProps={collectionOfProps}
    </FirstWrapper>
  )
}

在我的FirstWrapper中，我有这样的功能

const firstConst = ( {collectionOfProps} ) => firstFunction(
  collectionOfProps[ONE],
  hardCodedValue
)

const firstFunction = (value1, value2) => {
  value1 === something
    ? true
    : false
}

但是我目前收到以下控制台错误

ONE is not defined

任何对此的帮助将是惊人的！

Answer 1

ONE应该作为字符串传递。您似乎正在将ONE作为范围中不存在的变量进行传递。

所以

const firstConst = ( {collectionOfProps} ) => firstFunction(
  collectionOfProps["ONE"],
  hardCodedValue
)

传递对象文字样式的组件

1 个答案: