Передача объекта буквально в стиле компонента

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
)