Wpis z mikrobloga

Witam, mam raczej trywialne pytanie dla wyjadaczy.

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
  • 1
@NiewzruszonaMasa:
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