ReactStrap AccordionItem -Elemente expandieren nicht, wenn sie mit MAP () in einer Komponente gerendert werdenJavaScript

Javascript-Forum
Anonymous
 ReactStrap AccordionItem -Elemente expandieren nicht, wenn sie mit MAP () in einer Komponente gerendert werden

Post by Anonymous »

Ich versuche, ein Reactstrap -Akkordeon zu rendern, während ich ein Array von JSON abgebildet habe. Differenz. < /p>
Ich kann sehen, dass der Zustandswert korrekt geändert wird, aber er fließt nicht zu einer Aktion. Zu diesem Zeitpunkt ist alles etwas grob und verwirrend.

Code: Select all

// LIST POSTS COMPONENT
export function Posts({ posts, loading }) {
const [open, setOpen] = useState('2');
const toggle = (id) => {
if (open === id) {
setOpen();
} else {
setOpen(id);
}
};

// TRACE console output
if (process.env.REACT_APP_TRACE === "true") {
console.log('TRACE: Posts: Posts({posts, loading})');
};

if (loading) {
return ;
};

console.log("!!! open: " + open);

// Set i to the beginning of the loop
i = 1;
console.log("i init:" + i);

return (
[list]
[url={props.url}]{props.title}[/url]
Site ID: {props.site_id}
iCurrent: {iCurrent}


{/*  */}
{props.excerpt}
{iCurrent}


)
};
Ich kann in der Konsole sehen, dass der Wert des öffnenden -Zustands geändert wird, aber im Front-End ist absolut nichts passiert (alle Akkordeonitems beginnen und bleiben zusammengebrochen).

Code: Select all

TRACE: Posts: Posts({posts, loading}) Posts.js:58
!!! open: 2 Posts.js:65
i init:1 Posts.js:69
TRACE: apiTestWpCom: Post(props) 14 Posts.js:19
TRACE: Posts: Posts({posts, loading}) Posts.js:58
!!! open: 1 Posts.js:65
i init:1 Posts.js:69
TRACE: Posts: Posts({posts, loading}) Posts.js:58
!!! open: 1 Posts.js:65
i init:1 Posts.js:69
TRACE: apiTestWpCom: Post(props) 14 Posts.js:19
TRACE: Posts: Posts({posts, loading}) Posts.js:58
!!! open: 2 Posts.js:65
i init:1 Posts.js:69
TRACE: Posts: Posts({posts, loading}) Posts.js:58
!!! open: 2 Posts.js:65
i init:1 Posts.js:69
TRACE: apiTestWpCom: Post(props)
Ich scheine die IDs für Akkordeionhead und Akkorionbody nacheinander und korrekt festzulegen (wenn auch sehr grobe und beleidigende Weise), aber ich bin wirklich neu, also nicht sicher, ob diese auf statische Mode auf statische Weise absorbiert werden. src = "https://i.static.net/wwomaoy8.png"/>
Ich lerne immer noch, wie die Zustände zwischen Komponenten interagieren. Ich frage mich, ob ich einen Verweis auf den Zustand in die interne Postkomponente übergeben muss, aber nicht sicher, was ich übergeben soll (ich habe als Eigenschaften geöffnet, SetOpen und Umschaltung in den Beitrag, aber ohne zu wissen, was es erwartet - wenn überhaupt -, wenn überhaupt -, hat es natürlich nicht viel getan. :-)

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post