Languages

React - czym jest displayName?

0 points
Asked by:
Rubi-Reyna
307

Gdy u┼╝ywam nast─Öpuj─ůcego komponentu w moim projekcie:

kod:

import React, { memo } from 'react';

const MemoComponent = memo(() => <span>My Component</span>);

dostaj─Ö wiadomo┼Ťc od eslint:

Component definition is missing display name eslint(react/display-name)

Więc moje pytanie brzmi: Czym jest displayName w Reakcie?

1 answer
0 points
Answered by:
Rubi-Reyna
307

Rozwi─ůzanie:

Po pierwsze dobr─ů praktyk─ů jest zamieni─ç powy┼╝szy kod na:

import React, { memo } from 'react';

const Component = () => <span>My Component</span>;
const MemoComponent = memo(Component);

Dobrze jest najpierw stworzy─ç komponent, a dopiero p├│┼║niej owin─ů─ç go w memo() - daje to transpilerowi wskaz├│wk─Ö, jakie displayName jest ustawione dla twojego komponentu (nazwa const Component s┼éu┼╝y do ustawiania displayName).

O samej wiadomo┼Ťci:

displayName
String displayName jest u┼╝ywany w komunikatach debugowania. Zwykle nie trzeba go jawnie ustawia─ç, poniewa┼╝ wynika to z nazwy funkcji lub klasy, kt├│ra definiuje komponent. Mo┼╝esz chcie─ç ustawi─ç to jawnie, je┼Ťli chcesz wy┼Ťwietla─ç inn─ů nazw─Ö do cel├│w debugowania lub podczas tworzenia komponentu wy┼╝szego rz─Ödu, zobacz Opakowuj wy┼Ťwietlan─ů nazw─Ö dla ┼éatwiejszego debuggowania, aby uzyska─ç szczeg├│┼éowe informacje.

z dokumentacji Reakta:

https://pl.reactjs.org/docs/react-component.html#displayname

0 comments Add comment
Native Advertising
­čÜÇ
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

ÔŁĄ´ŞĆ­čĺ╗ ­čÖé

Join