如何读取所有输入的输入值逗号分隔。在这里，我试图使用危险的SetInnerHTML 设置 html。html 包含三个输入字段，我如何读取在所有三个输入字段中输入的值。

假设我24在第一个输入字段中输入，然后12在第二个输入字段和2第三个输入字段中输入。所以现在我想保存状态变量逗号分隔的所有值，即

24,12,2

import React, { useState } from "react";
import "./styles.css";


const data = {
  htmltag: `<div><p><input type = 'text' /></p><p><input type = 'text' /></p><p><input type = 'text' /></p></div>`
};



export default function App() {

  const [state , setState] = React.useState("")

  const handleChange = () => {
    setState(prev => ({
      ...prev,
      state: 
    }));
    }

  return (
    <>
      <div onChange = {handleChange}
        dangerouslySetInnerHTML={{ __html: data.htmltag }}
      />
      <button> Submit </button>

      <p>values comma separated: {state} </p>
    </>
  );
}