|
React-native - вывод в цикл. Есть знающие? |
☑ |
0
ДенисЧ
04.01.20
✎
12:42
|
Есть примитивный код:
public render() {
const state = this.state;
return (
<ScrollView style={styles.main}>
<Text style={styles.head}>заголовок</Text>
<Text style={styles.item}>{state.list[0].name}</Text>
<Text style={styles.item}>{state.list[1].name}</Text>
{
state.list.map(rowData => {
console.log("" + rowData.name);
<Text>"!" </Text>
})
}
<Text style={styles.head}>подвал</Text>
</ScrollView>
)
}
выводит заголовок, потом явно выводимые 0й и 1й элементы. В цикл заходит, console.log() отрабатывает. И всё, ! не выводит...
Что не так??
|
|
1
РусланХут
04.01.20
✎
12:54
|
я не спец, но наверное надо делать ретурн из цикла :)
return <Text>"!" </Text>
както так
|
|
2
ДенисЧ
04.01.20
✎
12:56
|
(1) Зачем мне из цикла? один ретурн уже есть, который возвращает всё сразу.
|
|
3
ДенисЧ
04.01.20
✎
12:57
|
Вобл... И точно... Спасибо...
|
|
5
Маргарин
06.01.20
✎
18:09
|
(0) Никогда не видел React-native. Оказывается он точно как обычный React. Только вроде бы в обычном Реакте нельзя массив элементов вставлять на одном уровне с другими элементами, нужно обязательно обрамлять родительским элементом. А тут получается что можно, если после добавления ретурна все заработало. Интересно.
|
|
6
ДенисЧ
06.01.20
✎
18:14
|
(5) ты бредишь. Впрочем, как обычно.
Тут есть родительский элемент. И без него нельзя.
|
|
7
Маргарин
06.01.20
✎
18:33
|
(6) Ты наверное не понял про какой родительский элемент я говорю. У тебя его нет. Но ты только начинающий, так что простительно что многого еще не знаешь.
|
|
8
ДенисЧ
06.01.20
✎
18:35
|
(7) Ты просто глаза ещё не отзалил после праздников.
<ScrollView - это вам не penis canina.
Так что всё на месте.
|
|
9
Маргарин
06.01.20
✎
18:36
|
(8) Читай еще раз (7)
|
|
10
ДенисЧ
06.01.20
✎
18:36
|
(9) Да хоть сто раз прочитаю, ты всё равно не протрезвеешь. А пока не протрезвеешь - не увидишь, что в коде нет противоречий самым строгим канонам.
|
|
11
AquaMan
06.01.20
✎
20:53
|
Если тело стрелочной функции в фигурных скобках, то там должен быть return.И state из констант лучше убрать, вот так: const { list } = this.state;
|
|
12
ДенисЧ
06.01.20
✎
20:58
|
(11) Последнее зачем?
|
|
Требовать и эффективности, и гибкости от одной и той же программы — все равно, что искать очаровательную и скромную жену... по-видимому, нам следует остановиться на чем-то одном из двух. Фредерик Брукс-младший