Есть ли способ перерисовать компонент на событие onchange на checkBox

Question

Здесь я пытаюсь изменить стиль текста на строку через событие onchange, но компонент не перерисовывается и стиль не меняется.

import React from 'react';
import {useDispatch} from 'react-redux'
import {DelAction,CompleteAction} from '../Action'
function Todo(props) {
    //assigning dipsatch 
    const dispatch=useDispatch();
    //Delete the Todo form the store

    const getStyle=()=>{
       return{ 
       textDecoration:props.todo.completed?'line-through':'none',
       backgroundColor:'rgb(20%,50%,60%)',
       borderBottom:'1px #000 dotted',
       }
   }
    return (
        <div style={getStyle()} >
            <p style={{fontSize:'20px'}}>            
            <input type="checkbox"  onChange={()=> dispatch(CompleteAction(props.todo.id))}/>
            <button style={{float:'right'}} onClick={ () => dispatch(DelAction(props.index) )} >Delete</button>
            </p>

        </div>
    );
}

export default Todo;