Javascript 从状态显示输入值

我希望从状态设置输入值，但是没有成功

这是我的尝试

state={
    value: ["one","two","three"]
}

render (
    return(
    {
        this.state.value.map(val=>{
          return <Input type="radio" value={val} />
        })
    })
)

我要找的是三个输入元素，它们的值显示为

* One
* two
* Three

---

更改渲染，如下图所示

render() {
    return (
        this.state.value.map(function(val) {
            return <div> <input type = "radio" value = {val}/>{val}</div>
        })
    )
  }

render（）{
返回(
this.state.value.map（函数（val）{
返回{val}
})
)
}

注意：如果您希望只选择一个单选按钮，那么您需要给单选按钮起一个通用名称，将其分组。

尝试以下操作：

state={
value: ["one","two","three"]
}

render(
 return(
   { this.state.value.map(val=> (
    <Input type="radio" value={val} />
   )
  )}
 )
)

状态={
值：[“一”、“二”、“三”]
}
渲染(
返回(
{this.state.value.map（val=>(
)
)}
)
)

请确保已导入的输入组件是一个组件。 喜欢

从导入输入。/Input

或精确路径。 如果没有输入组件，则需要将输入更改为输入HTML元素

state={
value: ["one","two","three"]
}

render() {
   return (
<div>
{
   this.state.value.map(val => (<Input type="radio" value={val} />))
}
<div>
)
}

状态={
值：[“一”、“二”、“三”]
}
render（）{
返回(
{
this.state.value.map（val=>（））
}
)
}

如果您的“输入”本身就是一个组件，那么请检查您是否添加了“导出默认值”并从该组件返回输入元素。此外，请检查是否已从调用它的组件正确导入它。 如果是受控组件，则必须使用值。

---

检查并在下面的评论中告诉我。

哦，我想你已经修改了你的问题，不是吗？你的组件类是使用无状态功能组件编写的吗？如果是，则不能为该组件类声明状态。

state={
value: ["one","two","three"]
}

render() {
   return (
<div>
{
   this.state.value.map(val => (<Input type="radio" value={val} />))
}
<div>
)
}