Question

我想放一些自定义选项，但继续使用内部组件。

这个想法只是继承，专门化，而没有完全重写渲染图。

对于V1而言，对于我的自定义选项组件，此代码运行良好：

import React from 'react';
import components from "react-select";
class MyCustomOption extends React.Component {
    constructor(props)
    {
        super(props);
    }
    render()
    {
        return <div title={this.props.title}><components.Option {...this.props} /></div> }
    }
}

在v2中，我无法使此代码正常工作：呈现自定义选项时出现以下错误：

警告：React.createElement：类型无效-预期为字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。您可能忘记了从定义文件中导出组件，或者可能混淆了默认导入和命名导入。

Answer 1

在react-select中，components的导入需要通过以下方式完成：

import { components } from "react-select";

希望对您有帮助。

Answer 2

感谢劳拉。这是更正的代码：

import React from 'react';
import {components} from "react-select";
class MyCustomOption extends React.Component {
    constructor(props)
    {
        super(props);
    }
    render()
    {
        return <div title={this.props.data.title}><components.Option {...this.props} /></div> }
    }
}

如何在react-select v2的自定义选项组件中继承香草选项组件？

2 个答案: