Как передавать аргументы для функции?

Question

[Елена]

Наконец то дошли руки до изучения реакта.

function App() {
  const close = (arg) => {
    console.log(arg)
  }
  return(
    <Popup close={close} />
  )
}
function Popup(props) {
  <img onClick={props.close} />
}

Как мне передать при клике на картинку аргумент? onClick={props.close('передали')} так не будет работать, т.к сразу будет вызов, а нужно именно при клике

Comments

[0xD34F]

Наконец то дошли руки до изучения реакта.

А до изучения js, судя по вопросу - нет. Может, стоит немного притормозить, и сперва изучить хотя бы основы языка?

[Елена]

0xD34F, почему же...js изучила

[Александр]

Елена, https://learn.javascript.ru/closure

Answer 1

[Александр]

Для начала так:

function Popup(props) {
-  <img onClick={props.close} />
+  <img onClick={() => props.close('передали')} />
}

Comments

[Александр]

Alice Shevtsova, Не новая.

<code lang="diff">
a
- b
+ c
</code>

Answer 2

[n1ksON]

<img onClick={(arg) => props.close(arg)} />
Передача аргументов в обработчики событий.

Comments

[Елена]

n1ksON спасибо большое за доку, еще не дошла до этого момента)