ネストされたコンポーネントreact.cloneElement with react-form

Question

このライブラリの問題を修正したいと思います：react-form。詳細について 、これは私の現在のエラーです：

Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. Check the render method of CustomInput .

これは私がやろうとしているものです：

<CustomInput field="date" showErrors={false}> 
 
    <DatePickerForm /> 
 
</CustomInput>

これは私のCustomInputコンポーネントです：

import React, { Component } from 'react'; 
 
import FormInput from 'react-form'; 
 

 
class CustomInput extends Component { 
 
    render() { 
 
    const { showErrors, field, children } = this.props; 
 
    return (
 
     <FormInput showErrors={showErrors} field={field}> 
 
     {({ setValue }) => { 
 
      return (
 
      React.cloneElement(children, { setValueForm: setValue }) 
 
     ); 
 
     }} 
 
     </FormInput> 
 
    ); 
 
    } 
 
} 
 
export default CustomInput;

React.cloneElement（children、{setValueForm：setValue}）はオブジェクトを返すようです。 しかし、 "FormInput"部分のないReact.cloneElementをレンダリングすれば、レンダリングは正常です。 FormInputの機能に問題があると思います。

どうすれば間違っていますか？

あなたはFormInput class

感謝を確認することができます。あなたは間違って読み込むよう

Answer 1

はルックス：

import FormInput from "react-form"