Discussions

Utiliser onClick

Image

Pour ce challenge, j'ai utilisé  un event OnClick.

Est ce une bonne solution ?  sinon pourquoi ? 

import DisplayedArticle from "./DisplayedArtitcle/DisplayedArticle";
import classes from "./Displayed.module.css"
import { useNavigate } from "react-router-dom";



const DisplayedArticles = (props) => {   

    const navigate = useNavigate()

    // methodes

    const showArticleHandler = (slug) => {        
        navigate("/articles/" + slug)
    }


    let articles = (
        props.articles.map(article =>(
            <>
                <DisplayedArticle key={article.id} article= {article} clic={()=>showArticleHandler(article.slug)} />
            </>
        )))  

    return ( 
        <section className={[classes.DisplayedArticles,"container"].join(" ")}>        
           {articles}
        </section>
    );
}
 
export default DisplayedArticles;
1 réponse
Image
Louis-Nicolas Leuillet
Le 06/04/2023 à 09:28

Hello Pascal

Utiliser onClick est une très bonne idée

Image
Inscrivez-vous ou connectez-vous pour participer à la discussion.

Informations

Créée le 5 avril 2023 21:32
Dernière modification le 5 avril 2023 21:32
Dernière activité le 6 avril 2023 09:28