react-bootstrap与其他组件

Question

我试图熟悉反应和网络开发。并迈出了我的第一步。

现在我正在使用react-bootstrap＆amp; amp; css模块。 在main.html中，我必须包含bootstrap.css文件。

我想用react-autosuggest

替换我的搜索栏

似乎bootstrap打破了react-autosuggest的风格。是否有可能将两者结合起来？或者这是一种不好的做法？

这是我尝试使用两个搜索栏的代码：

   import React, {Component} from 'react';
   import styles from  './App.css';
   import Search from "./Search/Search"
   import SearchAuto from "./SearchAuto/SearchAuto"

   class App extends Component {
   render() {
   return (
      <div>
         <div className={styles.App}>
            <h1>Title</h1>
            <Search onSearch={this.searchForAddress}/>
         </div>
         <SearchAuto onSearch={this.searchForAddress}/>
      </div>
   );
   }
   }
   export default App;

非常感谢任何帮助！