forms - 多无线电输入柱

Question

我想放各种游戏并发布它们。但我没有找到怎么做。我需要做什么 ？如果有人可以帮助我，我会很高兴，谢谢大家。

我的代码：

导出默认函数 Pronos(props) {

const [result, setResult] = useState({
    rst: "",
})

const handleChange = e => {   
    setResult({
        rst: e.target.value
    })
}


const handleSubmit = e => {
    e.preventDefault();

    const results = {
        rst: result.rst
    };
axios
    .post('https....', results)
    .then((res) => {
        console.log(res);
        
    })
    .catch((err) => {
        console.log(err)
    })

    
}

返回 （

Pronostics du 4 Août 2021

  <form onSubmit={handleSubmit} className="form">
  <img src={Juventus} alt="juventus" className="teams-pic"/>
    Juventus
    <input
      id="juventus"
      value="juventus"
      name="platform"
      type="radio"
      onChange={handleChange}
    />
    Nul
    <input
      id="nul"
      value="nul"
      name="platform"
      type="radio"
      onChange={handleChange}
    />
    Barcelona
    <input
      id="barcelona"
      value="barcelona"
      name="platform"
      type="radio"
      onChange={handleChange}
    />
    <img src={Barcelona} alt="barcelona" className="teams-pic"/>
    <br />

    <button>Envoyer</button>
  </form>


</div>

) }

我尝试更改输入名称，但没有成功。它只是发布最后一个。我必须用 += 发布各种结果吗？

标签： formsinputradio