TWIL: نکات مهم هفته 27 2024

Summarize this content to 400 words in Persian Lang

این هفته یاد گرفتم:

1. تمسخر واردات با ویتست

ما می توانیم واردات واردات را مسخره کنیم

vi.mock(‘pg’, () => {
const Client = vi.fn()
Client.prototype.connect = vi.fn()
Client.prototype.query = vi.fn()
Client.prototype.end = vi.fn()

return { Client }
})

vi.mock(‘./handlers.js’, () => {
return {
success: vi.fn(),
failure: vi.fn(),
}
})

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

2. در دسترس قرار دادن صفحه کلید اسکرول بی نهایت:

اگر استفاده می کنید react-infinite-scroll-component و برای دسترسی به صفحه کلید می توانیم از دکمه ها به عنوان عناصر کودک استفاده کنیم.

InfiniteScroll
dataLength={items.length}
next={fetchData}
hasMore={hasMoreData}
loader={() => p>Loading…/p>}
>
{items.map((item, index) => (
div
id={index}
key={index}
onClick={handleClick}
style={styles}
>
button>
{childNodeOfScrollList}
/button>
/div>
))}
/InfiniteScroll>

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

vi.mock('pg', () => {
  const Client = vi.fn()
  Client.prototype.connect = vi.fn()
  Client.prototype.query = vi.fn()
  Client.prototype.end = vi.fn()

  return { Client }
})

vi.mock('./handlers.js', () => {
  return {
    success: vi.fn(),
    failure: vi.fn(),
  }
})

InfiniteScroll
    dataLength={items.length}
    next={fetchData}
    hasMore={hasMoreData}
    loader={() => p>Loading.../p>}
>
    {items.map((item, index) => (
        div
            id={index}
            key={index}
            onClick={handleClick}
            style={styles}
        >
            button>
                {childNodeOfScrollList}
            /button>
        /div>
    ))}
/InfiniteScroll>