Как найти общий тотал инпутов?

import React, {useEffect, useState} from 'react';
import './table.css'

const Table = ({items}) => {
    console.log(items, "items")




    return (
        <table border='1'>
            {
                items.map((item) => (
                    <tr key={item.store.id}>
                        <th>{item.store.name}</th>
                        {
                            item.months.map((idx) => (
                                <td>
                                    <input value={idx.value} type="text"/>
                                </td>
                            ))
                        }
                        <td style={{width: '100px'}}>total:  </td>
                    </tr>
                ))
            }
        </table>
    );
};

export default Table;

у меня есть таблица где я промапал все данные, в таблице есть 12 инпутов и тотал куда это всё должно выводится.Как сделать так чтоб он считал когда я ввожу цифры