更新为响应16.2.0时的碎片不起作用

时间:2018-01-23 15:20:11

标签: javascript reactjs fragment

我将我的反应版本更新为16.2.0并使用Fragment来包装一些组件。所以我写道:

import React from 'react;

我写道:

const CustomerSearch = () => (
 <React.Fragment>
        <Field
          id="lastname"
          name="lastname"
          floatingLabelText="ΕΠΩΝΥΜΟ"
          floatingLabelStyle={styles.floatingLabelStyle}
          floatingLabelFocusStyle={styles.floatingLabelFocusStyle}
          underlineStyle={styles.underlineStyle}
          underlineFocusStyle={styles.underlineFocusStyle}
          component={InputTextField}
        />
        <br />
        <Field
          id="firstname"
          name="firstname"
          floatingLabelText="ΟΝΟΜΑ"
          floatingLabelStyle={styles.floatingLabelStyle}
          floatingLabelFocusStyle={styles.floatingLabelFocusStyle}
          underlineStyle={styles.underlineStyle}
          underlineFocusStyle={styles.underlineFocusStyle}
          component={InputTextField}
        />
        <br />
        <Field
          id="companyName"
          name="companyName"
          floatingLabelText="ΟΝΟΜΑ ΕΤΑΙΡΕΙΑΣ"
          floatingLabelStyle={styles.floatingLabelStyle}
          floatingLabelFocusStyle={styles.floatingLabelFocusStyle}
          underlineStyle={styles.underlineStyle}
          underlineFocusStyle={styles.underlineFocusStyle}
          component={InputTextField}
        />
        <br />
        <Field
          id="mobile"
          name="mobile"
          floatingLabelText="ΚΙΝΗΤΟ"
          floatingLabelStyle={styles.floatingLabelStyle}
          floatingLabelFocusStyle={styles.floatingLabelFocusStyle}
          underlineStyle={styles.underlineStyle}
          underlineFocusStyle={styles.underlineFocusStyle}
          component={InputTextField}
        />
        <br />
        <Field
          id="generatorSN"
          name="generatorSN"
          floatingLabelText="GENERATOR SN"
          floatingLabelStyle={styles.floatingLabelStyle}
          floatingLabelFocusStyle={styles.floatingLabelFocusStyle}
          underlineStyle={styles.underlineStyle}
          underlineFocusStyle={styles.underlineFocusStyle}
          component={InputTextField}
        />
        <br />
      </React.Fragment>
)

export default CustomerSearch

但我收到的错误是:

  

警告:React.createElement:type无效 - 期望一个字符串(对于内置组件)或一个类/函数(对于复合组件)但得到:undefined。您可能忘记从其定义的文件中导出组件。请检查CustomerSearch的呈现方法。

为什么会这样?我使用了div,它运行良好。感谢

2 个答案:

答案 0 :(得分:1)

问题出在依赖关系中。 我跑了npm install npm @ latest -g 我的问题已得到解决:)

答案 1 :(得分:1)

那是因为你没有将react-dom更新到最新版本