React-search 基本示例

Question

我正在尝试让 react-search 在我的 Meteor 应用程序中工作。这是我在导入文件夹中的主要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 不再位于 react 包中。
它现在在 prop-types 包中。例如：import PropTypes from 'prop-types'

如果你还想使用这个包，你必须在https://github.com/StevenIseki/react-search/blob/master/package.json

中匹配依赖

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

这有帮助吗？

React-search 基本示例

React-search basic example

meteor

reactjs