Передать функцию через props React
244
05 февраля 2020, 23:10
Есть класс App, в методе render я вставляю компонент Proposal:
{this.state.proposals.map(proposal => <Proposal name={proposal.name} key={proposal.id} id={proposal.id} handleEvent={this.handleEvent} votes={this.getProposalVoteCount(proposal.name)}/>)}
Вопрос заключается в votes {() => this.getProposalVoteCount(proposal.name)}
getProposalVoteCount() обьявлена в этом же классе, возвращает число, написана правильно.
Тем не менее число сразу не возвращается в props, а в консоль выходит ошибка:
index.js:1446 Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it.
В чем проблема?
Answer 1
Попрубуйте обернуть ваш вывод в методе render во фрагмент:
render() {
return (
<>
{this.state.proposals.map(proposal => (
<Proposal
name={proposal.name}
key={proposal.id}
id={proposal.id}
handleEvent={this.handleEvent}
votes={this.getProposalVoteCount(proposal.name)}
/>
))}
</>
);
}
Подробнее о фрагментах можно почитать тут.
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 49979 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31908 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25941 visits
- Как через css изменить цвет png изображения? 11729 visits
- Blob video url download 11277 visits
- Php curl запрос через прокси с авторизацией 10683 visits
- Работа с captcha vk api 9479 visits
© "hostciti.net" 15.1.2026 | 23:44