小编Ada*_*m.V的帖子

我想在我的react组件中有一个自动完成位置搜索栏，但是不知道如何实现它。该文件说包括

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places&callback=initMap" async defer></script>

在HTML文件中，然后有一个指向元素的初始化函数-我该如何使用我的react组件/ JSX来做到这一点？我想我必须导入api链接，但是我不知道从那里去哪里。

import React from 'react';
import "https://maps.googleapis.com/maps/api/js?key=MYKEY&libraries=places&callback=initMap";

const SearchBar = () => (   
    <input type="text" id="search"/> //where I want the google autocomplete to be
);

export default SearchBar;

我的RNNv2顶部栏中有一个自定义组件“ MenuButton”。我希望单击该按钮时运行openMenu（），但这不会发生。我的打字稿掉毛告诉我Property openMenu does not exist on typeof Home。为什么是这样？

 class Home extends React.PureComponent<Props, State> {
    constructor(props: Props) {
        super(props);
        Navigation.events().bindComponent(this);
    }

    closeMenu = () => {
        this._drawer.close();
    };
    openMenu = () => {
        this._drawer.open();
    };
    static options(passProps) {
        return {
            topBar: {
                rightButtons: [
                    {
                        component: {
                            name: 'MenuButton',
                            passProps: {
                                onClick: () => this.openMenu(),
                            },
                        },
                    },
                ],
            },
        };
    }

    render() {
        return (
              ...
        );
    }
}

参考我passProps从以下网址获得了代码：https : //github.com/wix/react-native-navigation/issues/3648

我正在尝试将https://codepen.io/SpacecaseArtist/project/editor/DQWYxo放到我的本地计算机上来玩它.

我单击右下角的导出,然后下载了zip.我将zip解压缩到一个文件夹中,然后在我的浏览器上打开index.html.当我打开它时,我会看到一个带有标题的可滚动空白页面.

我的第一个想法是必须有一些误导的资产,所以我查看了index.html文件,并看到:

<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/138941/draggble.min.js"></script>
<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/138941/teenmax.min.js"></script>
<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/138941/waypoints.min.js"></script>
<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/138941/classy.js"></script>

是否有这些.cdpn.io cns的东西,使我不能在我的本地机器上运行它？我怎么能绕过这个？

我有和这里完全相同的问题：网络响应超时错误（create-react-native-app）（expo）。每次我尝试从局域网上的手机扫描QR码时，都会收到网络响应超时错误。

我已经检查了链接的stackoverflow帖子和关联的github线程中的每个响应：https : //github.com/react-community/create-react-native-app/issues/144#issuecomment-296631692无济于事。

我尝试过的一切

• 用我的静态IP设置REACT_NATIVE_PACKAGER_HOSTNAME ='my-custom-ip-address-or-hostname'
• 禁用除wifi之外的所有连接（我必须禁用的唯一其他连接是“ Local Area Connection 4”，我没有其他虚拟机）
• 将我的wifi连接设置为私人
• 完全禁用Windows防火墙
• 排除19000、19001、19002的例外情况（考虑到我禁用了防火墙，这是完全冗余的，但是我很绝望）
• 多次重启电脑
• 在电话上使用与计算机上相同的网络
• 将行"android": "set REACT_NATIVE_PACKAGER_HOSTNAME={your wifi ip address} && react-native-scripts android"放在我的package.json中

注意：同一网络上的一位朋友（也使用Windows 10笔记本电脑）通过LAN进行了博览会，以使其手机完全正常工作，因此它可能特定于我的计算机。

注意＃2：Tunnel qr扫描可以正常工作，但是重新加载速度很慢，因此使用起来不太现实。Local直接将我带到“出了点问题”，没有超时错误。

我正在尝试使用CSS网格制作元素周期表。为此，我需要在多行中使用空单元格-我正在尝试通过此处显示的文档来实现这一点：https : //developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas

的HTML

<div class="wrapper">
    <div class="element">El</div>
    //repeated 90 times
</div>

的CSS

.element {
  grid-area: el;
}
.wrapper {
  display: grid;
  grid-template-columns: repeat(18, 1fr);
    grid-template-areas:
        'el . . . . . . . . . . . . . . . . el'
        'el el . . . . . . . . . . el el el el el el'
        'el el . . . . . . . . . . el el el el el …