Как повторно отобразить родительский компонент из дочернего компонента

родительский компонент имеет тег p, который анимирует его внутренний текст. анимация работает, когда я обновляю страницу.

вот родительский компонент:

import React, { Component } from 'react';
import Child from './Child';

class Parent extends Component {
    rerender=()=>{
        this.forceUpdate()
    }
    render() {
        return (
            <div>
                <p className='animate-left'>Animation</p>
                <Child rerender = {this.rerender}/>
            </div>
        );
    }
}

export default Parent;

вот дочерний компонент:

import React, { Component } from 'react';

class Child extends Component {
    clickHandler=()=>{
        this.props.rerender()
    }
    render() {
        return (
            <div>
                <button onClick = {this.clickHandler}>Click</button>
            </div>
        );
    }
}

export default Child;

я хочу снова анимировать/перерисовать родительский компонент, нажав кнопку дочернего компонента. Как это сделать?