taro 使用form表单获取不到value值

发布于 2022-09-11 18:49:55 字数 1436 浏览 13 评论 0

自己写的一个小程序,在管理收货页面使用了form组件,但是点击sunbmit获取value值为空

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)
<View className="root">

    <AtForm
      onSubmit={this.onSubmit.bind(this)}
      onReset={this.onReset.bind(this)}
      customStyle={{ padding: '0 16px 0 16px' }}
    >
      <AtInput
        name="name"
        title="姓名"
        type="text"
        placeholder="请输入您的收货姓名"
        value={this.state.name}
        onChange={this.handleInput.bind(this, 'name')}
      />
      <AtInput
        name="phone"
        title="收货号码"
        type="number"
        placeholder="请输入收货的电话号码"
        value={phone}
        onChange={this.handleInput.bind(this, 'phone')}
      />
      <AtRadio
        name="sex"
        title="性别"
        options={this.state.sexSelect}
        value={sex}
        onClick={this.handleRadioChange.bind(this)}
      />
      <AtInput
        name="address"
        title=" 收货地址"
        type="text"
        placeholder="白云小区"
        value={address}
        onChange={this.handleInput.bind(this, 'address')}
      />
      <RMButton formType="submit">提交</RMButton>
      <RMButton formType="reset">重置</RMButton>
    </AtForm>
  </View>

可是点击提交后的结果是这样的
应该是把表单中的phone sex name address获取到啊,可是没有
clipboard.png

怎么解决

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

吻风 2022-09-18 18:49:55

我也有同样的问题,请问题主后来怎么解决的

扎心 2022-09-18 18:49:55
<AtForm
      onSubmit={this.onSubmit.bind(this)}
      onReset={this.onReset.bind(this)}
      customStyle={{ padding: '0 16px 0 16px' }}
    >

自己写一个<AtButton onClick={this.submit}>提交</AtButton>
在submit打印this.state的值

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文