小编Mar*_*oss的帖子

当您想在其中使用外部 URL 和HTML Button 标记时，一个简单的Link组件在Next.js中不起作用，我感到非常惊讶。

您可以在下面看到我如何尝试解决问题：

方法一：

<Link href="https://stackoverflow.com/">
  <button>StackOverflow</button>
</Link>

方法 2（无协议链接）：

<Link href="//stackoverflow.com/">
  <button>StackOverflow</button>
</Link>

方法 3（没有协议的链接，并且链接属性prefetch设置为falseor even true）：

<Link href="//stackoverflow.com/" prefetch={false}>
  <button>StackOverflow</button>
</Link>

重要的提示

当然，提到的情况下，当 URL 是内部的时它可以工作，就像这样：

<Link href="/stackoverflow">
  <button>StackOverflow</button>
</Link>

或者当我将 HTML 按钮标签更改为HTML A 标签时，如下所示：

<Link href="//stackoverflow.com/">
  <a>StackOverflow</a>
</Link>

就我而言，我想在 Next.js Link 组件中使用 HTML 按钮标记或任何其他 UI 组件。

如果您在mix-blend-mode属性之前使用动画效果，您将不会获得混合混合模式。

一旦您删除动画类或禁用动画，mix-blend-mode则将起作用。

问题是什么？我花了几个小时来解决这个简单的事情。请帮忙

.box {
  background-color:yellow; 
  overflow:hidden;
  border-radius:10px;
}

.box img{ mix-blend-mode:multiply}


.animate{  
  border:1px solid red;
  width:30px; height:30px;
  animation: spin 2s infinite linear;
}


@keyframes spin {
  0% {  transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

<div class="animate">123</div>


<div class="box">
  <img src="https://placeimg.com/400/200/animals" alt=""> 
</div>

无论如何混合混合应该生效

有人可以知道文件调用的 chrome-extension 是什么吗kwift.CHROME.min.js？

它正在使用这种链接：

chrome-extension://random_string_here/content/contentScripts/kwift.CHROME.min.js

在我的 Chrome 控制台中，我可以看到数百/数千条以描述开头的日志isElementCoveringWebui

控制台日志示例：

isElementCoveringWebui
div.pcaflag

以及负责显示上述日志的代码：

  t.isWebUIFrameVisible = function (e, t) {
  const a = t.iframe;
  return a && (e => {
    const t = "EDGE" === n.getBrowser() ? ["BODY"] : ["BODY", "HTML"];
    return e.parentElement && t.some(t => t === e.parentElement.tagName)
  }
  )(a) && function () {
    let t;
    try {
      t = e.getCurrentWindow().getComputedStyle(a)
    } catch (e) {
      return !0
    }
    return o(t)
  }() && e.isReallyVisible({
    node: a,
    checkWholeArea: !0
  }) …

在我的应用程序中，我使用以下NPM 模块来使用Strapi、GraphQL和Next.js：

• 反应阿波罗
• 下一个阿波罗
• 图形
• 格列
• 重组

在下一步中，我将创建 Apollo 配置文件，示例如下：

import { HttpLink } from "apollo-link-http";
import { withData } from "next-apollo";

const config = {
  link: new HttpLink({
    uri: "http://localhost:1337/graphql",
  })
};
export default withData(config);

然后在类组件中，我使用静态方法getInitialProps()通过 GraphQL 查询从 Strapi 获取数据。

一切都很好，但也许有另一种更好的方式通过 React 钩子或任何其他方式？

我正在Sles12sp2使用重新启动测试，STAF v3.4.24一段时间后我收到此错误：

# A fatal error has been detected by the Java Runtime Environment:
#
#  SIGSEGV (0xb) at pc=0x00007f105e11e712, pid=6577, tid=0x00007f1027efe700
#
# JRE version: Java(TM) SE Runtime Environment (8.0_121-b13) (build 1.8.0_121-b13)
# Java VM: Java HotSpot(TM) 64-Bit Server VM (25.121-b13 mixed mode linux-amd64 compressed oops)
# Problematic frame:
# V  [libjvm.so+0x63c712][thread 139707363079936 also had an error]
  IndexSet::alloc_block_containing(unsigned int)+0x42
#
# Core dump written. Default location: /root/core or core.6577
#
# An error report file …

这是我在 Django + React 中的第一个应用程序，所以我并不专业。我正在编写视图集并尝试从请求中获取当前用户，但即使用户已登录，我也得到了匿名用户。我的前端位于 React 中，我正在使用django-allauth和django-rest-auth身份验证。

我试图找出令牌是否存在问题，但似乎效果很好。我也有 CustomUser 所以也许是......

这是我在 React 和 Redux 中的登录功能：

export const authLogin = (username, password) => {
    return dispatch => {
        dispatch(authStart());
        axios.post('http://localhost:8000/rest-auth/login/', {
            username: username,
            password: password
        },)
        .then(res => {
            const token = res.data.key;
            const user = username;
            const expirationDate = new Date(new Date().getTime() + 3600 * 1000);
            localStorage.setItem('token', token);
            localStorage.setItem('user', user);
            localStorage.setItem('expirationDate', expirationDate);
            dispatch(authSuccess(token));
            dispatch(checkAuthTimeout(3600));
        })
        .catch(err => {
            dispatch(authFail(err))
        })
    }
}

const authSuccess = (state, …

我目前正在使用Edge 44.18362，我有一个身份验证窗口和一个打开它的父窗口，身份验证完成后，我将消息发布到父窗口（打开窗口），如下所示：

$window.opener.postMessage(data,URL);

我正在像这样在父窗口中监听事件：

window.addEventListener('message', someFunc, false);

并someFunc()定义如下：

function someFunc(windowData){
//here I am accessing source as windowData.source
}

我正在尝试访问访问 URL 和内容的source属性MessageEvent。在 Chrome/Firefox 中，我能够访问source对象并且功能工作正常，但是当涉及到 Edge 时，我无法访问source对象并且我在控制台中看到了这个错误。
!0:

这里出了什么问题，可以做些什么来解决这个问题？

在代码块周围添加了 try-catch，这是我看到的错误。

我想在React Native Expo中构建我的应用程序 QRCODE GENERATOR 。

我使用QR码 - 模块react-native-qrcode版本0.2.7，并且出现此错误。

我需要将数据从A列插入到B 列。

A 列示例值：

CustomerDB_2016_12_12_203001_9284029
CustomerDB_2016-12_11_203005_8572784
CustomerDB_2016-12_10_203353_5347358

等等

B栏为空

我需要B 列来存储如下值（来自A 列）

2016-12-12
2016-12-11
2016-12-10

等等

这在 SQL Server 中可能吗？

谢谢。

我gsap用来创建动画。

单击按钮时会创建气泡动画。

动画完成后会自行销毁。

我认为问题是使用 map 在React component但我找不到另一个案例

这是我的 React 代码和 js 小提琴示例：

https://jsfiddle.net/xiaowang/ueqsg83j/58/

const { useState, useEffect, useRef } = React;

gsap.registerPlugin(MotionPathPlugin)

const Bubble = ({ onClose, data }) => {
    const pointRef = useRef(null)
    useEffect(() => {
    const path = []
    let offsetY = 0
    for(let i = 0; i < 10; i++) {
      const y = offsetY - Math.floor(Math.random() * 20 + 30)
      offsetY = y
      path.push({ x: Math.floor(Math.random() * 40 - 20), y …