I am trying to hide the components conditionally is there a way to dynamically add display to div via state? since all the components are in Div , how to isolate each rendered component and add display none ? is there a way to add the state that can trigger css / add css to certain react component? ``` import React, { Component } from 'react'; import all the component A, B AND C class App extends Component { constructor(props) { super(props); this.state = {}; } render() { return ( <div> <Component A/> <Component B/> <Component C/> </div> ); } } export default App; ```
method 1: to add style = display : none to div
<div style="display:none;"> // it works to hide
.hide{display:none;}and add a class to your tag by react ( class is an attribute for tags too )
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)