传递对象文字样式的组件

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
)