0
votes

approche la plus simple d'ajouter de manière dynamique des composants dans réagir

travaillant actuellement sur réagir. J'ai deux composants permet de dire une annonce et la maison. Inside Home Composants J'ai une image et un événement en cliquant sur cette image, je souhaite rendre une annonce à l'intérieur de la composante Home ci-dessous. Y a-t-il une méthode de simulation. Merci!


1 commentaires

Maintenir un état isopen dans la composante à domicile. Basculez-le en cliquant sur l'image et sur la base de cet état rendu l'annonce conditionnelle


3 Réponses :


0
votes
I think that will help to you.

export default class HomeComponent extends Component<Props> {
    constructor(props) {
        super(props);
        this.state = {
            renderAdComponent: false
        };
        this.onClickHandler = this.onClickHandler.bind(this);
    }

    onClickHandler() {
        this.setState({renderAdComponent: !this.state.renderAdComponent})
    }

    render() {
        return (
            <View>
                <Image onClick={this.onClickHandler}/>
                {this.state.renderAdComponent ? <AdComponent/> : null}
            </View>
        );
    }
}

0 commentaires

0
votes

Qu'est-ce que @sdkcy suggéré est d'accord mais l'opérateur ternaire n'est pas vraiment nécessaire. Vous pouvez faire ce qui suit

{this.state.isadsHown && }

Cela se débarrasse de l'inutile : null résultat.


0 commentaires

0
votes

Vérifiez ceci. Je pense que c'est ce que vous voulez xxx


0 commentaires