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}
)
};
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 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.
