小编San*_*som的帖子

我有一个问题: href="file://" 我想在html中指向一个链接文件,如果我写的话,在浏览器中

 file:///K:/filename.pdf

它可以打开一个文件,但如果我指向它:

      href="http://file:///K:/AmberCRO%20SOP/2011-07-05/SOP-SOP-3.0.pdf" 

它不起作用.链接更改为:

file///K:/AmberCRO%20SOP/2011-07-05/SOP-SOP-3.0.pdf

在colon以后的文件中消失.有什么建议吗？

我在尝试创建记忆游戏网格时遇到问题，当我单击网格项目时，它会打开。目前，我有一个正常工作的网格，但是我只能通过悬浮将其使用，并且不了解状态变化时如何使其与click事件一起使用。

基本上我的网格项目代码树是

<Box onClick={this.handleOpenCard}>
  <Front />
  <Back>
    <img src="" alt="" />
  </Back>
</Box>

我要做的是，当我单击卡时，将组件状态更改open为true。当此状态为true时，我希望使用样式组件执行css动画，该动画将卡旋转到180度。当我将鼠标悬停在项目上时，请查看完整的组件代码当前可在哪些地方工作，请告诉我如何实现该代码或重构代码。

import React, { Component } from "react";
import styled from "styled-components";

const Box = styled.div`
    position: relative;
    perspective: 1000px;
`;

const Front = styled.div`
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 1s;
    backface-visibility: hidden;
    border-radius: 10px;
    background-color: #fff;
    cursor: pointer;

    ${Box}:hover & {
        transform: rotateY(180deg);
    }

    img {
        width: 100%;
        max-width: 75px; …

我正在尝试从 if 语句中设置状态，但它不会这样做。结果我需要从 if 语句中更新状态，在那里我可以接收经度和纬度坐标，但它不会保存状态。如果我在 if 语句之外的控制台中回显，我将只读取第一个 setState 值表单 componentWillMount。那里有什么问题？我在这里做错了什么？所以这里是结构：

componentWillMount() {
    this.setState({
        location: {
            name: 'Riga'
        }
    });
}

componentDidMount() {
    if (!!navigator.geolocation) {
        navigator.geolocation.getCurrentPosition((position) => {

            this.setState({
                location: {
                    name: 'Sigulda'
                }
            });
        });
    } else {
        alert('ERROR on GEOLOCATION');
    }

    console.log(this.state.location);
}