Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript REST上的管理员:onNewRequest无法自动完成输入?_Javascript_Reactjs_Redux_Admin On Rest - Fatal编程技术网

Javascript REST上的管理员:onNewRequest无法自动完成输入?

Javascript REST上的管理员:onNewRequest无法自动完成输入?,javascript,reactjs,redux,admin-on-rest,Javascript,Reactjs,Redux,Admin On Rest,我想要一个自定义的输入组件 1) 具有允许选择“字段”资源的自动完成组件 2) 选择“字段”后,根据所选“字段”类型填充另一个SelectInput 我目前拥有的是: const renderAutoComplete = ({ input, meta, ...rest }) => { return ( <AutoComplete {...rest} /> ) } render () {

我想要一个自定义的输入组件

1) 具有允许选择“字段”资源的自动完成组件

2) 选择“字段”后,根据所选“字段”类型填充另一个SelectInput

我目前拥有的是:

    const renderAutoComplete = ({ input, meta, ...rest }) => {
        return (
            <AutoComplete {...rest} />
        )
    }


    render () {
        return (
            <div>
                <div>
                    <Field
                        component={renderAutoComplete}
                        name={this.props.fieldSource}
                        hintText="Field"
                        dataSource={this.state.fields}
                        dataSourceConfig={{ text: 'title', value: 'id' }}
                        openOnFocus={true}
                        filter={AutoComplete.caseInsensitiveFilter}
                        onNewRequest={(chosen) => this.handleNewRequest(chosen)}
                    />
                </div>
                <div>
                    <Field
                        component={SelectInput}
                        label="Type-dependent"
                        name={this.props.typeSource}
                        choices={this.state.availableChoices}
                    />
                </div>
            </div>
        )
    }

…此日志记录到控制台,但请求中未设置我的值。您可以给我指出文档或源代码中正确的部分,以澄清我在这里必须做的事情吗?

您确定onNewRequest返回函数参数中的值吗?物料UI组件返回eventsHi@kunalpareek,您指的是什么值?当前,
handleNewRequest
-函数仅设置
此.state.availableechoices
,以便第二个字段接收正确的选择。当您将
自动完成输入
用作字段组件时,你应该把
onnerRequest
道具放在
options
prop中。因为
AutocompleteInput
不直接接受
onnerRequest
,但是你可以使用
options
来覆盖内置的
onnerRequest
道具。你是对的。在
选项中包含
onnerRequest
并不能解决所有问题。无法更新Redux表单状态,因为在替换
onnerRequest
input.onChange(选项[index][optionValue])时丢失了这部分代码
您确定onnerRequest返回函数参数中的值吗?物料UI组件返回eventsHi@kunalpareek,您指的是什么值?当前,
handleNewRequest
-函数仅设置
此.state.availableechoices
,以便第二个字段接收正确的选择。当您将
自动完成输入
用作字段组件时,你应该把
onnerRequest
道具放在
options
prop中。因为
AutocompleteInput
不直接接受
onnerRequest
,但是你可以使用
options
来覆盖内置的
onnerRequest
道具。你是对的。在
选项中包含
onnerRequest
并不能解决所有问题。无法更新Redux表单状态,因为在替换
onnerRequest
input.onChange(选项[index][optionValue])时丢失了这部分代码
                    <Field
                        component={AutocompleteInput}
                        name={this.props.fieldSource}
                        hintText="Feld"
                        choices={this.state.fields}
                        dataSourceConfig={{ text: 'title', value: 'id' }}
                        optionText="title"
                        optionValue="id"
                        filter={AutoComplete.caseInsensitiveFilter}
                        onNewRequest={(chosen) => this.handleNewRequest(chosen)}
                    />
<Field
    name="field"
    component={AutocompleteInput}
    choices={choices}
    optionText="title"
    optionValue="id"
    filter={AutoComplete.caseInsensitiveFilter}
    options={{
        onNewRequest: (chosen, index) => console.log(chosen)
    }}
/>