react如何实现数组求和

importReact,{useState,useEffect}from'react';
importReactDOMfrom'react-dom';
import'./index.css';
functionSum(){
const[val,setVal]=useState("1,2,3,4,5,6,7,8,9,10,11,12,13,14,15");
const[sum,setSum]=useState('');
consthandleVal=fun免费云主机、域名ction(e){
//letnewVal=e.target.value;
//newVal=newVal.replace(/[^(d)|(,)]/,'');
setVal(e.target.value.replace(/[^(d)|(,)]/,''));
//console.log(val);
};
consthandleClick=function(){
varsum=0;
varinputs=val.split(',');
for(variininputs){
sum+=parseInt(inputs[i]);
}
setSum(sum);
}
return(



输入数字求和，数字之间用半角","号分隔

求和
{sum}

);
}
ReactDOM.render(
,
document.getElementById('root')
)