Question

我在一个项目中使用React-select V 2.2.x，在其中一个组件中，我有2个select-options，它们相互依赖（第一个选择选项从远程源加载选项，并且当用户选择其选项之一时；第二个选择选项被激活，并基于第一个选择选项值从远程源加载选项->因此，两个em都是异步的）;您可以在下面看到他们的图像。 2 dependant selec-options 问题是我想像这样将第一个选择选项值作为第二个选择选项“ loadOptions”的参数传递：

@Bean
public Filter loggingFilter(){
    final AbstractRequestLoggingFilter filter = new AbstractRequestLoggingFilter() {
        @Override
        protected void beforeRequest(final HttpServletRequest request, final String message) {

        }

        @Override
        protected void afterRequest(final HttpServletRequest request, final String message) {

        }
    };

    filter.setIncludePayload(true);
    filter.setIncludeQueryString(false);
    filter.setMaxPayloadLength(1000000);

    return filter;
}

这是'getCity'函数体：

String body = message.substring(message.indexOf("{"), message.lastIndexOf("]"));

所以问题在于，将参数传递给loadOptions函数会引发此错误“未捕获的TypeError：Async.loadOptions中的函数不是LoadOptions”，谁能告诉我我有什么选择，而不是传递参数，或者为什么传递参数导致这个？

Answer 1

React-Select !media path/to/image.png id=image caption=Figure Caption style=width:50%采用一种方法，但是在该代码块中，当prop需要函数时，实际上是将返回值作为prop传递：

loadOptions

我了解到您正在尝试做的事情（相关选择），这只是您实现它的方式。如果<AsyncSelect cacheOptions defaultOptions loadOptions={this.getCity(province)} id="city" className="form-field-name selector" valueKey="value" labelKey="label" value={cityCode} onChange={this.cityChange} isDisabled={province ? false : true} />在组件状态上设置省份，则provinceChange会执行以下操作：

getCity

未被捕获的TypeError：loadOptions不是Async.loadOptions的函数

1 个答案: