Notice: file_put_contents(): Write of 8899 bytes failed with errno=28 No space left on device in /var/www/tgoop/post.php on line 50

Warning: file_put_contents(): Only 8192 of 17091 bytes written, possibly out of free disk space in /var/www/tgoop/post.php on line 50
Frontender Libs - обзор библиотек JS / CSS@sWebDev P.2953
SWEBDEV Telegram 2953
Отладка пользовательских хуков в React

useDebugValue() – это хук React, который позволяет разработчикам предоставлять дополнительную информацию о значении, возвращаемом пользовательским хуком, в инструментах разработчика React DevTools. Это упрощает отладку и понимание работы пользовательских хуков, особенно в сложных компонентах или библиотеках.

Как это работает:

Вы вызываете useDebugValue() внутри вашего пользовательского хука и передаете ему значение, которое хотите отобразить в DevTools. Дополнительно, вы можете передать функцию форматирования, которая преобразует значение в более удобный для чтения вид.
function useFriendStatus(friendID) {
const [isOnline, setIsOnline] = useState(null);

// ... логика для определения статуса друга ...

useDebugValue(isOnline, (status) => status ?? 'Loading...');

return isOnline;
}


В этом примере useDebugValue() отобразит в DevTools значение isOnline или строку "Loading...", если значение еще не получено.

👉 @sWebDev
👍4



tgoop.com/sWebDev/2953
Create:
Last Update:

Отладка пользовательских хуков в React

useDebugValue() – это хук React, который позволяет разработчикам предоставлять дополнительную информацию о значении, возвращаемом пользовательским хуком, в инструментах разработчика React DevTools. Это упрощает отладку и понимание работы пользовательских хуков, особенно в сложных компонентах или библиотеках.

Как это работает:

Вы вызываете useDebugValue() внутри вашего пользовательского хука и передаете ему значение, которое хотите отобразить в DevTools. Дополнительно, вы можете передать функцию форматирования, которая преобразует значение в более удобный для чтения вид.

function useFriendStatus(friendID) {
const [isOnline, setIsOnline] = useState(null);

// ... логика для определения статуса друга ...

useDebugValue(isOnline, (status) => status ?? 'Loading...');

return isOnline;
}


В этом примере useDebugValue() отобразит в DevTools значение isOnline или строку "Loading...", если значение еще не получено.

👉 @sWebDev

BY Frontender Libs - обзор библиотек JS / CSS




Share with your friend now:
tgoop.com/sWebDev/2953

View MORE
Open in Telegram


Telegram News

Date: |

In the next window, choose the type of your channel. If you want your channel to be public, you need to develop a link for it. In the screenshot below, it’s ”/catmarketing.” If your selected link is unavailable, you’ll need to suggest another option. But a Telegram statement also said: "Any requests related to political censorship or limiting human rights such as the rights to free speech or assembly are not and will not be considered." Members can post their voice notes of themselves screaming. Interestingly, the group doesn’t allow to post anything else which might lead to an instant ban. As of now, there are more than 330 members in the group. In the “Bear Market Screaming Therapy Group” on Telegram, members are only allowed to post voice notes of themselves screaming. Anything else will result in an instant ban from the group, which currently has about 75 members. Ng, who had pleaded not guilty to all charges, had been detained for more than 20 months. His channel was said to have contained around 120 messages and photos that incited others to vandalise pro-government shops and commit criminal damage targeting police stations.
from us


Telegram Frontender Libs - обзор библиотек JS / CSS
FROM American