javascript - 将 const 导入另一个 file.js

Question

我在网上找到了下面的代码来实现一个SearchBar，我把它保存在searchBar.js中。我想在新文件 Home.js 中“导入”这个栏，我该怎么做？

搜索栏.js

import * as React from 'react';
import { Searchbar } from 'react-native-paper';

export const MyComponent = () => {
  const [searchQuery, setSearchQuery] = React.useState('');

  const onChangeSearch = query => setSearchQuery(query);

  return (
    <Searchbar
      placeholder="Search"
      onChangeText={onChangeSearch}
      value={searchQuery}
    />
  );
};

标签： javascriptandroidreact-native

Answer 1

来自 Home.js：

import { MyComponent } from './path/to/searchBar.js';

您可以像这样在组件中使用它：

import { MyComponent } from './path/to/searchBar.js';

const Home = () => {
  return (
    <div className="Home">
      <MyComponent />
    </div>
  );
};