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

洛文
  • 20

自己写的一个小程序,在管理收货页面使用了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

怎么解决

回复
阅读 4.8k
2 个回答
out_lier
  • 2
新手上路,请多包涵

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

<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的值

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏