Помогите пожалуйста. На странице(в компоненте) есть 4 вида услуг с ценами(педикюр, маникюр и т.д. и цены). У меня есть кнопка, при клике на нее я перехожу из одного компонента в другой. Но мне так же нужно, чтобы эта кнопка при клике на нее, не только переходила в другую компоненту, но еще и передавала в следующую компоненту props(услуги и цены). Как мне это сделать?
Сейчас моя кнопка выглядит так
class Nails extends Component {
onClick = (event) => {
this.setState({time: event.target.innerText})
};
jump(){
window.location.assign('http://localhost:3000/order');
};
render() {
return(<div>
<div className={styles.service}>
<p className={styles.serviceName}>Педикюр</p>
<p className={styles.price}>1 ч. 700 ₽</p>
<button onClick={() => this.jump()}>Записаться</button>
</div>
</div>)
}
}
export default Nails;