тернарники друг в друга не вкладывай и всё будет хорошо

😹

ой....

Всем спасибо.

всё, иди понимать монады

Господи, кошмар какой

просто скобочки забыл

Они тут ни разу погоды не сделают

Скорее ток хуже будет

не ну if в jsx ещё хуже

Разбей на несколько условий

тебе нравится самому читать?

тут можно 2 условия отдельных вынести

и по ним рендерить

я не читаю, я прочитал и забыл даже нахер это надо) это шаблон, туда не часто лезу

понятно

ну я исправил)

добрый день,

я пытаюсь добавить что-то похожее на infinite scroll к списку элементов с pagination. надо чтобы дойдя до последнего элемента, оно перешло на следующую "страницу".

<div className={cn("w-col w-col-4", styles.info_container)} >
                    <div className={styles.property_container} onScroll={()=> {
                      console.log('scrolling!');
                      }}>
                      {pagedListings.map((property) => (
                        <Property
                          key={property.id}
                          id={property.id}
                          price={property.original_price}
                          imgUrl={property.medium_photo_url}
                          address={property.address}
                          permalink={property.permalink}
                          bedRooms={property.total_bedrooms}
                          bathRooms={property.total_full_baths}
                          acre={property.acre}
                          handleClick={handleClick}
                        />
                      ))}
                      {!pagedListings.length && (
                        <h2 className={styles.no_result}>No Result</h2>
                      )}
                    </div>
                    <ReactPaginate
                      previousLabel={previousSVG}
                      nextLabel={nextSVG}
                      breakLabel="..."
                      breakClassName="break-me"
                      pageCount={pageCount}
                      marginPagesDisplayed={1}
                      pageRangeDisplayed={4}
                      containerClassName="pagination"
                      subContainerClassName="pages pagination"
                      activeClassName="active"
                      initialPage={0}
                      onPageChange={handlePageClick}
                    />
                  </div>

подключил console.log() к onScroll. дальше не понятно что делать. мне нужны refs и react-dom или можно что-то поумнее придумать?

в твоем примере нееет ни ремаунта ни апдейта лишнего, все рендерится по 1 разу

просто Math.random() у тебя ререндер по понятным причинам вызывает, но если сделать children статичным то все оки