选择组件，而不是渲染
反应：^ 15.4.2，反应选择：^ 1.0.0-rc.10，
Example.tsx
import * as React from 'react';
import Select from 'react-select';
// Be sure to include styles at some point, probably during your bootstrapping
import 'react-select/dist/react-select.css';
var Select = require('react-select');
var options = [
{ value: 'one', label: 'One' },
{ value: 'two', label: 'Two' }
];
function logChange(val) {
console.log("Selected: " + JSON.stringify(val));
}
export class Example extends React.Component<any, any> {
render() {
return (
<div>
<Select name="form-field-name" value="one" options={options} onChange={logChange}/>
</div>
);
}
}
在编译时没有错误报告。
尝试呈现时收到错误消息
React.createElement：类型无效 - 期望一个字符串（对于内置组件）或一个类/函数（对于复合组件），但得到：object。 检查Example的渲染方法。 在例子中
因为这是我的第一个反应项目，我不知道如何调试。 我没有看到这个代码有什么问题。
这是我的main.tsx渲染
(() => {
const container = document.querySelector('#container');
render( <Example />, container);
})();
那么，从上面的例子来看，从react-select文档复制粘贴似乎一切都是好的。 错误说你尝试渲染一些无法渲染的东西（这里说它是一些Object ）。 我的赌注是这条线导致错误：
import Select from 'react-select';
你确定你已经正确安装了这个软件包吗？
尝试使用大括号在您的导入语句中选择：
import {Select} from...
如果没有定义“默认”导出，则必须使用这些花括号来定义要使用的组件。
链接地址: http://www.djcxy.com/p/52183.html