Есть такого плана компонент: constructor(props) { this.state = {

Question

Есть такого плана компонент: constructor(props) { this.state = {

visible: props.visible
}
}
...

<div className={this.state.visible ? styles.visible : styles.hidden}>
</div>

Я его использую так:
<Test visible={this.state.isTestVisible} />

Как мне изменив значение isTestVisible обновить значение visible в state компонента Test? Ну или если это не правильный подход, как тогда сделать правильно?