【问题标题】:ReactJS : How to use "form" tag?ReactJS:如何使用“表单”标签?
【发布时间】:2018-02-20 12:22:22
【问题描述】:

大家好,我正在努力学习 ReactJS,我想知道为什么每个人都使用标签来构建表单。

我的意思是当我使用这段代码时:

   import { TextInput, Form, View } from 'react-native'

   <Form onSubmit={this.onSubmit}>
    <TextInput/>
   </Form>

我收到了这个错误:

元素类型无效:应为字符串(用于内置组件) 或类/函数(用于复合组件)但得到:未定义。你 可能忘记从定义它的文件中导出您的组件。

或者当我使用这段代码时:

  import { TextInput, form, View } from 'react-native'

  render (){
    return (
        <View>
            <form onSubmit={this.onSubmit}>
                <TextInput/>
            </form>
        </View>
    );
  }

我收到了这个错误:

期望一个组件类,得到[object Object]。

我正在尝试修复和使用一个表单,但我主要是想了解它是如何工作的 :)

感谢您的宝贵时间和提前回复。

干杯

【问题讨论】:

  • 专业提示:你确定react-native真的安装了吗?
  • 是的,我可以使用 react-native 中的“真实”组件,我只是认为“form”是 react-native 中的组件,因为我在 stackoverflow 中看到很多代码都在谈论
    标签.

标签: forms reactjs input react-native


【解决方案1】:

React-Native 实际上并不包含Form 标签。

react-native-form-generator 等库提供了与您正在寻找的功能类似的功能。

此外,您遇到的错误是试图准确地告诉您-在您指定标签的地方需要定义反应组件的类或函数,但它是undefined,因为没有这样的组件。

【讨论】:

  • 好的,我明白了,很明显,我认为有一个组件可以解决这个问题。无论如何,谢谢你的解释和你的时间
猜你喜欢
  • 1970-01-01
  • 2018-12-14
  • 2015-01-05
  • 1970-01-01
  • 1970-01-01
  • 2015-06-24
  • 1970-01-01
  • 2013-10-27
  • 1970-01-01
相关资源
最近更新 更多