Aktywne Wpisy
MakaronowyStwor +404
KjatanSveisson +56
#logikarozowychpaskow #zwiazki #zalesie
Przyszedłem do ziomka i się okazało, że na wieczór ogarnia kolację w domu bo ma rocznicę z dziewczyną ( 4 albo 7 bo mi się to miesza xd) i się chłop postarał kupił róże, świeczki i sushi z Lidla. Ogarnął to elegancko, dlatego mu fotę walnąłem na pamiątkę.
No i co się okazało? Przyszła dziewczyna o tej 19:00 i podobno się popłakała i chciała sama na spacer się przejść.
Przyszedłem do ziomka i się okazało, że na wieczór ogarnia kolację w domu bo ma rocznicę z dziewczyną ( 4 albo 7 bo mi się to miesza xd) i się chłop postarał kupił róże, świeczki i sushi z Lidla. Ogarnął to elegancko, dlatego mu fotę walnąłem na pamiątkę.
No i co się okazało? Przyszła dziewczyna o tej 19:00 i podobno się popłakała i chciała sama na spacer się przejść.
Przypuśćmy że używam komponentu w kilku miejscach. Komponent przyjmuje propa nazwijmy do data.
Problem w tym że propa przyjmuje tylko w jednym miejscu a w innym nie. Propem jest obiekt z kilkoma atrybutami
Gdy robię destrukturyzację wew wywołania np gdy prop jest nie ma problemu. Gdy go nie ma to oczywiście taskData undefinied
const komponent = ({
taskData, // cały obiekt
taskData: { id, dupa,cycyki }, // prop destrukt
}) => {
komponent body
}
// mogę go teoretycznie wew komponentu wywołać i wtedy chyba sprawa załatwiona.
np:
// const { id, dupa,cycyki } = { ...props.taskData };
Jak powinno się takie coś robić ?
Dodam że nie używam typescripa ani prototype // a gdzieś widziałem że chyba się to da fajnie tam uklepać
Jeszcze edit i nie chodzi mi o typowego conditionala obiektowego ?
Chodzi mi czy mogę tego propa jakoś conditionalem zrobić jak w pierwszym przykładzie u góry.
#react #programowanie #props #conditional #javascript
Pierwsza opcja to zrobienie czegoś takiego
const Test = ({ taskData }) => {
if (taskData) {
const { id, cycki } = taskData
return (
with task data
)
}
return (
without task data
)
}
Druga opcja to zrobienie 2 osobnych komponentów i wyniesienie logiki do custom hooka (jeżeli jest taka sama) i współdzielenie styli, ale to wszystko zależy jak duży jest ten komponent. Jak jest to