Как я нахожу папку 'Documents' пользователя с Java в OS X?

Вот кое-что из того, что я нарисовал, и, надеюсь, оно поможет вам: https://codesandbox.io/s/m30ym10m9p

По сути, у вас есть некоторые elems в массиве, хранящемся в состоянии, у вас есть , который добавляет новые элементы в указанный массив, и каждый раз, когда вы добавляете элемент, вы также создаете setTimeout, который удаляет себя из массива по истечении времени ожидания , Вот как выглядит код:

Установить суперосновный массив в состоянии:

state = {
  elems: []
};

Рендеринг элементов из состояния:

render() {
  // pretty basic, just a normal button to add elements & map through state to render
  return (
    <>
      

Add elem! {this.state.elems.map((elem, i) => (

{elem.text}

Добавить элемент в состояние (объяснено в более подробно в нижней части поста):

addElem = () => {
  const elems = [...this.state.elems];

  // create empty id to be filled later
  let timeoutProps = { id: null };

  // set timeout for element to be removed
  const timeoutId = setTimeout(
    ({ id }) => {
      this.removeElem(id);
    },
    1000,
    timeoutProps
  );

  // quickly add timeout id to props, which will get passed back in to timeout
  timeoutProps["id"] = timeoutId;

  // add new element to "elems" array
  elems.push({
    text: `New!! (${timeoutId})`,
    id: timeoutId
  });

  // update state
  this.setState({ elems });
};

Удалить элемент из состояния:

removeElem = id => {
  let elems = [...this.state.elems].filter(elem => elem.id !== id);
  this.setState({ elems });
};

render довольно просто, но дайте мне знать, если у вас есть вопросы по тот. Прикольная часть моего кода - это метод addElem. Я хотел убедиться, что timeoutId был сохранен после создания тайм-аута, и после того, как тайм-аут истек, функция removeElem может быть вызвана с переданным ему идентификатором тайм-аута.

Чтобы передать идентификатор тайм-аута в removeElem (после истечения тайм-аута), я должен был быть немного хитрым с объектами javascript.

• Во-первых, мы создаем объект с пустой id реквизитом: let timeoutProps = { id: null };
  • Примечание : я использую объект здесь, потому что это будет означать [ 1114] переменная является просто указателем на данные {id: null}. Таким образом, его можно изменить в другом месте, и любое будущее использование timeoutProps будет использовать обновленные данные.
• Далее мы передаем это обратному вызову setTimeout.
  • Примечание : на данный момент обратный вызов не был запущен!
• Наконец, мы редактируем свойство timeoutProps id to timeoutId
  • Примечание : Поскольку обратный вызов setTimeout все еще не был запущен, переменная timeoutProps теперь указывает на обновленные данные {id: timeoutId}
• После запуска обратного вызова setTimeout, setTimeout теперь будет иметь доступ к {id: timeoutId} и сможет передавать timeoutId в removeElem. 1136]

Надеюсь, это имеет смысл? Это одна из самых запутанных (и забавных) вещей в Javascript: D С удовольствием объясню больше, если это необходимо.