Javascript 如何在无状态组件中获取按钮点击的输入值？

您能告诉我如何在无状态组件中获取按钮点击的输入值吗？我想在

容器组件中传递输入值
我试过了，这是我的密码

val
是
输入字段值
用户在输入字段中输入的任何值
您不需要给
一次单击
一个胖箭头函数。只需将其引用到
addButtonClickHandler
，如下所示：

<button onClick={props.addEventHandler}>Add Items</button>

添加项目

如果需要（不推荐），可以执行fat arrow函数，但在这种情况下，还需要传递事件：

<button onClick={(e) => props.addEventHandler(e)}>Add Items</button>

props.addEventHandler（e）}>添加项目
您不需要单击
onClick
一个胖箭头函数。只需将其引用到
addButtonClickHandler
，如下所示：

<button onClick={props.addEventHandler}>Add Items</button>

添加项目

如果需要（不推荐），可以执行fat arrow函数，但在这种情况下，还需要传递事件：

<button onClick={(e) => props.addEventHandler(e)}>Add Items</button>

props.addEventHandler（e）}>添加项目
我需要输入字段值also@user944513你这样做有点问题。您的输入当前是“非受控输入”，这意味着您必须通过DOM而不是从React获取值。由于
ref
在功能组件中不起作用，因此您唯一的选择是使用类似
document.getElementById
，这是不推荐的。我会将该组件转换为有状态组件并控制您的输入。因此，您试图说我会将该组件更改为有状态并设置状态？您可以更改我的
code沙盒
链接..为我提供更新代码我想要输入字段值吗also@user944513你这样做有点问题。您的输入当前是“非受控输入”，这意味着您必须通过DOM而不是从React获取值。由于
ref
在功能组件中不起作用，因此您唯一的选择是使用类似
document.getElementById
，这是不推荐的。我会将该组件转换为有状态组件并控制您的输入。因此，您试图说我会将该组件更改为有状态并设置状态？您能更改我的
codesandbox
链接吗..请提供更新代码