как указать позицию для добавления следующей заметки на веб-сайт?

#reactjs

#reactjs

Вопрос:

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

  randomBetween: function (min, max) {
                return min   Math.ceil(Math.random() * max);
  },
 componentWillMount: function () {
      this.style = {
      right: this.randomBetween(0, window.innerWidth - 150)   'px',
      top: this.randomBetween(0, window.innerHeight - 150)   'px',
      transform: 'rotate('   this.randomBetween(-15, 15)   'deg)' };

   },
  

Комментарии:

1. Похоже, вам нужен способ отслеживать предыдущие позиции или просто использовать определенный макет, который просто помещает все заметки рядом друг с другом?

2. использование componentWillMount устарело, поэтому вы хотите избежать его использования. Вашим решением будет вызвать один компонент, notes который будет обрабатывать положение ваших заметок, а затем использовать другой вызываемый вами компонент, note который будет отдельными заметками в качестве дочерних элементов notes компонента