Как передать объект в функцию в React?

Question

[Bogdnan123]

Привет ребят, столкнулся с такой проблемой:
Есть к примеру объект

let user = {
  age: 22,
  name: 'Boris'
}

Каким образом я могу передать к примеру user.age в функцию что бы использовать ее как параметр в дальнейшем?

// здесь передаем
  let getUserData = () => {
    getUserParams(user.age)
  }
  // тут получаем как параметр
  let getUserParams = (age) => {
    // используем параметр
  }

Если сделать как я указал выше, то user.age === undefined

В React выглядит вот так:

// component
const UserComponent = ({user}) => {
    // вызываем здесь console.log(user.age) === 22
    let getUserData = () => {
      getUserParams(user.age) // если вызвать console.log(user.age) здесь то === андефайнед
    }

  return(
    //code
  )
}

Comments

[Denioo]

Функцию getUserData()
вызывать пробовали?

[Bogdnan123]

Denioo, работаю с React, такое не прокатит)

[Denioo]

Bogdnan123, тогда покажите реакт код, а то непонятно чего вы хотите.

[Bogdnan123]

Denioo, очень большой проект, не смогу все выложить... Концепция та же. В Redux приходит объект с данными. В компоненте я беру этот объект, передаю его в функцию. Другая функция должна получить его таким же образом. Но при передачи объекта, если закинуть его в консоль.лог то он === андефайнед. хотя если кинуть тот же объект в консоль.лог но уже вне функции (в самой компоненте) то все ОК.

[Bogdnan123]

Denioo, добавил код реакта

[Denioo]

Bogdnan123, вы функцию в которую передаетеget UserData где-нибудь вызываете? повешайте на клик куда-нибудь и вызовите, и посмотрите что будет.

Answer 1

[L1nks]

Так то все работает. Покажите весь ваш код, который не работает

Comments

[Bogdnan123]

Забыл уточнить что я на React

[L1nks]

Bogdnan123, на jsfiddle выложите весь код, который не работает. Так проще будет

[Bogdnan123]

L1nks, очень большой проект, не смогу все выложить... Концепция та же. В Redux приходит объект с данными. В компоненте я беру этот объект, передаю его в функцию. Другая функция должна получить его таким же образом. Но при передачи объекта, если закинуть его в консоль.лог то он === андефайнед. хотя если кинуть тот же объект в консоль.лог но уже вне функции (в самой компоненте) то все ОК.

[L1nks]

Bogdnan123, Значит где то при передаче данных теряются данные, смотрите в этом направлении. Потому что, то что вы написали в вопросе работает. Значит проблема где то в передаче.
Могу предположить, что вам надо в эту функцию передать сам объект, потому что возможно вы пытаетесь внутри этой функции передать user.age, а он лежит в другом месте и поэтому underfined, но это предположение. Проверьте

let getUserData = (user) => {
    getUserParams(user.age)
  }

[Bogdnan123]

L1nks, добавил код React

[L1nks]

Bogdnan123, а попробуйте не деструктурировавать объект user, а просто принимать его как параметр

const UserComponent = (user) => {
    let getUserData = () => {
      getUserParams(user.age)

  return(
    //code
  )
}

[Bogdnan123]

L1nks, так он же приходит через props

[L1nks]

Bogdnan123, да, забыл что речь про React. А вы getUserData вызываете внутри этого компонента или дальше передаете?

[Bogdnan123]

L1nks, да, вызываю внутри этой компоненты.

[L1nks]

Bogdnan123, Тогда не знаю. Я сейчас набросал простой компонент, который принимает этот объект и при клике вызывает эту функцию и все работает

[Bogdnan123]

L1nks, возможно это из-за того что изначально это строка, но после нажатия на кнопку, выполняется функция и данные из сервера приходят в объект.