我可以在不使用 @media only screen 的情况下执行此操作吗?或者这是最好的方法?
例如我可以用 CSS 写这个吗?:
@include media-breakpoint-up(md) {
.card {
transform: translate(0px, -75px);
z-index: 200;
}
}
Run Code Online (Sandbox Code Playgroud)
我还想根据屏幕尺寸隐藏/显示 div。
为什么 useCallback 钩子执行两次?我收到一条警告,建议我使用 useCallback,所以我正在尝试这样做。据我了解,useCallback 仅在我们传递给数组的对象更新时才会执行。所以我的目标是在加载令牌后让 websocket 连接。它“大部分”有效;套接字连接两次,回调运行两次。
const setupSocket = () => {
if (token && !socket && authenticated) {
console.log(token, authenticated, socket === null);
const newSocket = io(ENDPOINT, {
query: {
token,
},
});
newSocket.on("disconnect", () => {
setSocket(null);
setTimeout(setupSocket, 3000);
});
newSocket.on("connect", () => {
console.log("success, connected to socket");
});
setSocket(newSocket);
}
};
useCallback(setupSocket(), [token]);
Run Code Online (Sandbox Code Playgroud)
应用程序.js
import React, { useEffect, useState, useCallback } from "react";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
import "./App.css";
//Pages …Run Code Online (Sandbox Code Playgroud) 我的目标是获取 div 的 value 和 id 属性。id 正在工作,但我无法获得工作的值。我已经尝试过event.target.value,但它仍然返回未定义。我应该单独传递该属性还是将其附加到event?
// hooks
const {useState} = React;
const OPTIONS = [
{id: 0, value: '00:00', display: 'Midnight', period: null},
{id: 1, value: '00:30', display: '12:30', period: 'AM'},
{id: 2, value: '01:00', display: '1:00', period: 'AM'},
{id: 3, value: '01:30', display: '1:30', period: 'AM'},
{id: 4, value: '02:00', display: '2:00', period: 'AM'},
{id: 5, value: '02:30', display: '2:30', period: 'AM'},
{id: 6, value: '03:00', display: '3:00', period: 'AM'},
{id: 7, …Run Code Online (Sandbox Code Playgroud)我遇到了一个令人费解的挑战.我必须多次检查一个数字是否包含相同的数字.11,424,66等.起初这似乎很容易,但我很难找到一个逻辑来检查这一点.有任何想法吗?
这是我到目前为止所得到的.该函数接受一个列表.(更新)
arr = [[1,20],[1,10]]
for i in arr:
l = list(range(i[0],i[1]))
for num in l:
if num < 11: continue
for c in str(num):
if str(num).count(c) > 1:
# dont know why code is popping off 12 and 13
print(l.pop(num))
Run Code Online (Sandbox Code Playgroud)