React-search基本示例

Question

我试图让react-search在我的Meteor应用中运行。这是我在imports文件夹中的主要App.js：

import Search from 'react-search';
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import ReactDOM from 'react-dom';
...
class App extends Component {
...
render() {
let items = [
  { id: 0, value: 'ruby' },
  { id: 1, value: 'javascript' },
  { id: 2, value: 'lua' },
  { id: 3, value: 'go' },
  { id: 4, value: 'julia' }
]
console.log(items)

return (
  <div class="">  
    <Search items={items} />
  ...
  </div>
);
}
}

一旦我插入<Search items={items} />我的应用程序停止工作，我就会收到以下控制台错误：

有什么想法吗？

Answer 1

我看看他们的源代码：https://github.com/StevenIseki/react-search/blob/master/src/Search.js

import React, { Component, PropTypes } from 'react'

React进行了休息更改，其中PropTypes不再位于反应包内 它现在在prop-types包中。例如：import PropTypes from 'prop-types'

如果您仍想使用此软件包，则必须匹配https://github.com/StevenIseki/react-search/blob/master/package.json

中的依赖项

但是，这个包的实现并不难。因此，强烈建议您根据需要根据代码创建自己的组件。

这有帮助吗？