A-frame-react: как передать значение, когда .map()?

Я хотел бы, чтобы сущность появлялась для каждого элемента, динамически добавляемого в массив.

Можно ли сделать так? Как бы я приписал значение каждого элемента каждой сущности?

this.state = {
    items: []
}

затем в рендере:

    <Scene>
      {this.state.items.map((item, key) => {
        return (
            <Entity />
         )
        }
       )}
     </Scene>

reactjs aframe aframe-react

24.02.2019 00:09

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

113

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете отобразить items в состоянии вашего компонента и передать строку item реквизиту text компонента Entity.

Пример

class VRScene extends React.Component {
  state = {
    items: ["lemon", "orange"]
  };

  componentDidMount() {
    setInterval(() => {
      this.setState(prevState => {
        return { items: [...prevState.items, Math.random()] };
      });
    }, 2000);
  }

  render() {
    return (
      <Scene>
        {this.state.items.map((item, index) => (
          <Entity
            key = {item}
            text = {{ value: item, align: "center" }}
            position = {{ x: 0, y: 2 - index * 0.1, z: -1 }}
          />
        ))}
      </Scene>
    );
  }
}

24.02.2019 01:45

Другие вопросы по теме

Лазерные элементы управления Aframe не работают с гарнитурой WMR в хромированной канарейке

AFRAME Анимация в тексте при наведении

Видео продолжает воспроизводиться при переключении изображения или видео в галерее

Поддержка компонента ручного управления в A-Frame 0.9.0

Как вы можете обнаружить двойной щелчок в кадре?

Есть ли способ иметь несколько банков активов?

Анимация в объекте aframe при наведении

3D Skybox в A-Frame

A-Frame: как повернуть удаленный компонент с помощью рейкастера?

Как отслеживать координаты пересечения raycaster на объекте?

A-frame-react: как передать значение, когда .map()?

Ответы 1

Другие вопросы по теме

Похожие вопросы