Имя: Пароль:
IT
Веб-мастеринг
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) Последнее зачем?
Ошибка? Это не ошибка, это системная функция.