Как определить, что элемент внутри svg вышел за его пределы?

Большое спасибо.

Как определить, что элемент внутри svg вышел за его пределы?

Максим Ленский, Не совсем понял Вас, каким образом он мне должен помочь?

Как правильно сделать перерендер в react (hooks и d3.js)?

Петр Мухуров, Спасибо. d3.select(chart.current).html('') решает данную проблему. Но не выходит сделать анимацию на path.

Почему выводиться 10 раз 10?

По-моему отлично объяснил ) Спасибо )

Почему выводиться 10 раз 10?

WapSter, Спасибо.

Почему выводиться 10 раз 10?

origami1024, Спасибо.

Как оптимизировать трансформацию данных?

Спасибо.

Как сделать бесконечный скролл (redux)?

Orbb, Спасибо.

Как сделать бесконечный скролл (redux)?

Примерно такая идея?

class Books extends React.Component {

  constructor(props) {
    super(props)

    this.block = false

    this.booksArr = []

    this.page = 1
  }

  componentDidMount() {

    const page = {
      page: '1'
    }

    this.props.getBooks(page)

    window.addEventListener('scroll', this.onScroll)
  }

  onScroll = () => {
    const windowHeight = window.innerHeight
    const documentHeight = document.body.clientHeight
    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;

    if (windowHeight + scrollTop >= documentHeight && !this.block) {
      this.page++

      this.props.getBooks({page: this.page})
    }
  }

  render() {
    const {book: {books, loading}} = this.props
    if (loading) return <p>loading</p>

    this.booksArr = [...this.booksArr, ...books]

    return (
      <div className="book">

        <table className="highlight">
          <thead>
          <tr>
            <th>Имя</th>
            <th>Город</th>
            <th>Номер телефона</th>
            <th/>
          </tr>
          </thead>

          <tbody>
          {
            books &&
            this.booksArr.map((book) => {
              return (
                <tr key={book.pbnum}>
                  <td>{book.pbfirstName} {book.pblastName}</td>
                  <td>{book.pbcity}</td>
                  <td>{book.pbphoneNumber}</td>
                  <td/>
                  <td>
                    <Link
                      className="waves-effect waves-light btn"
                      to={`/book/${book._id}/edit?allow=true`}
                    >Редактировать</Link>
                  </td>
                </tr>
              )
            })
          }
          </tbody>
        </table>
      </div>
    )
  }
}

Books.propTypes = {
  getBooks: PropTypes.func.isRequired
}

const mapDispatchToProps = {getBooks}

const mapStateToProps = state => ({
  book: state.book
})

export default connect(mapStateToProps, mapDispatchToProps)(Books)

Как правильно сделать бесконечный скролл с автоматической загрузкой контента?

Спасибо.

Почему не работает полнотекстовый поиск в MongoDB по нескольким полям?

По одному полю тоже не работает.

// Define our indexes
bookSchema.index({
  firstName: 'text'
})

Как исправить ошибку после установки jest?

Спасибо. Но в данном случае решение в том, что в create-react-app jest уже есть и устанавливать его не нужно.

Как правильно задать тип?

Всем спасибо, учту.

Как правильно задать тип?

Данный пример полностью работает. Если я, в интефейсе IBook, укажу, что loading, например number, то все продолжит нормално работать. В скриншоте видно, что loading, это boolean тип. Или опять же, если в интерфейс IBook или IBookOwn дописать какое-нибудь не существующее поле, то так же ничего не сломается. Очевидно ожидается другое поведение. Нормально работает только интефейс IInterfaceProps.

Как сгруппировать массив объектов по датам?

Судя по картинке, думаю, что да. Но Вы можете меня поправить.

Как сгруппировать массив объектов по датам?

Следующий объект, это будет следующая дата с относящимися к ней данными и так далее.

Как сгруппировать массив объектов по датам?

Я имею в виду, что из исходных данных мне нужно сделать что-то вроде вот этого:

const data = [
    {
        id: 1,
        date: '2017-10-16',
        docs: [
            {
                "date": "2017-10-16 18:11:09",
                "name_doc_type": "Приход",
                "id": 564564867361369,
                "image": "https://www.utkonos.ru/images/photo/3054/3054289H.jpg",
                "name": "Аленка карамель 100г Акционный товар Большая скидка",
                "price": 73.9,
                "quantity": 99,
                "removed": 0
            },
            {
                "date": "2017-10-16 18:11:09",
                "name_doc_type": "Приход",
                "id": 564564867361369,
                "image": "https://mariupolcena.com/files/products/9ff44136e6ccb0afb404ad26f727e67d.jpeg",
                "name": "Русская картошка чедар 50",
                "price": 46.3,
                "quantity": 51,
                "removed": 0
            },
            {
                "date": "2017-10-16 12:07:07",
                "name_doc_type": "Расход",
                "id": 564564867361367,
                "image": "https://www.utkonos.ru/images/photo/3265/3265004H.jpg",
                "name": "Молочный Яблоко 100",
                "price": 25.1,
                "quantity": 44,
                "removed": 0
            }
        ]
    }

Как сгруппировать массив объектов по датам?

Я имею в виду: к какой логической структуре привести исходные данные? Т.е. мне нужно получить массив, первым значением которого будет объект, внутри которого будут данные. Этот первый объект и будет карточка с включенными данными. Например, первый объект, это всё, что относится к 14 июня.

Как перебрать связный список?

Евгений Андреев, Спасибо.

Как перебрать связный список?

Спасибо.