Если функция находится в отдельном файле, срабатывает по onClick, как в нее передать евент?

Question

[bpGusar]

Если функция находится в отдельном файле, срабатывает по onClick, как в нее передать евент?

Comments

[Роман]

Пожалуйста приведите пример вашего кода:
1. Кусок файла с функцией
2. Кусок файла где подключается скрипт из пункта 1
3. Кусок файла где вы вызываете функцию из пункта 1

[bpGusar]

Роман, выложил

Answer 1

[Антон Спирин]

Он и так передается первым аргументом при вызове. Просто используйте его в своем хандлере:

handleCountyItemClick = e => {
  // do something with e
};

Comments

[Роман]

Все верно. Вы успели ответить раньше)

[bpGusar]

а если аргумента два?

[Антон Спирин]

bpGusar, у меня к вам нескромный вопрос. Зачем объявлять хандлер вне компонента?

Второй кастомный аргумент? Просто:

<Some onClick={e => this.handleCountyItemClick(e, this.props)} />

или вызывать в другом хандлере:

handleClick = e => {
  this.props.handleCountyItemClick(e, this.props);
};

У вас сам хандлер не продуман. Props приходят вторым аргументом и при этом setState вызывается через this. Рекомендую описать хандлер в том компоненте в котором он будет менять состояние.

[bpGusar]

Антон Спирин, если бы всё было так просто. нельзя использовать лямбду внутри JSX, tslint начинает ругаться

[Антон Спирин]

bpGusar, обратите внимание, я обновил комментарий. Что-можно, а что нельзя должны решать вы и ваша команда, а не дефолтные настройки TSLint.

[bpGusar]

Антон Спирин, эта функция была в компоненте, но теперь ее нужно протестировать и как это сделать если из компонента ее не импортировать в файл с тестами?

[Антон Спирин]

bpGusar, какие у вас проблемы возникли с тестированием и как именно вы хотите этот хандлер протестировать?
Получить эту функцию из инстанса компонента легко.

[bpGusar]

Антон Спирин, я только начал изучать тестирование, и если функция выглядит так

то я ее превращал в вид export function bla(){} и выносил за пределы класса, а потом экспортировал в файл с тестами. так как только начал этим заниматься не понимаю как ее еще можно протестировать не сделав из того что у меня есть такое export function bla(){}. если можно я буду благодарен за помощь в этом вопросе

[Антон Спирин]

bpGusar, а что именно вы хотите протестировать? Про Enzyme слышали?

[bpGusar]

Антон Спирин, знаю что такое enzyme, мне нужно протестировать функцию. что я скинул в коменте выше.