我使用 getStaticProps 从 Firebase 获取一些图像,然后使用下一个图像组件显示它们。但是,它们需要一段时间才能显示,如何在未加载时显示占位符?
我正在尝试将日期从当地时间(台北 UTC+8)转换为洛杉矶(UTC-7),但是 dayjs 转换似乎完全关闭:
dayjs("2020-09-21 20:30").tz("Asia/Taipei")
Run Code Online (Sandbox Code Playgroud)
这导致Tue Sep 22 2020 05:30:00 GMT-0400(东部夏令时间),但它应该是 Mon Sep 21 2020 02:30:00 GMT-0400(东部夏令时间)
知道发生了什么事吗?
我正在尝试制作一个blockquote样式,其中开头和结尾的引号比文本大但仍然适合它的行,类似于这个例子http://s17.postimage.org/ypvv8xxtb/blockquote.png
这是我的代码http://jsfiddle.net/EnL3R/2/
开放引用显示在文本上方,开放和结束引号都有一些边距,我意识到这是因为字体中的字符本身有这个空白区域,无论如何我可以补偿这个吗?
我有一个用户可以从中选择的项目列表。如果用户单击某个项目,则该项目被选中。如果用户长按任何项目,它会激活多选模式,用户可以在其中选择多个项目,我正在使用此问题中的自定义 useLongPress 钩子。但是,我想让用户在不选择任何项目的情况下滑动以滚动列表,我正在使用 react-swipeable 进行滑动事件,但我不知道如果用户正在滑动,我如何取消 onClick 事件,即使我正在刷卡,我仍在选择项目。
https://codesandbox.io/s/hungry-kilby-vlxmc?file=/src/App.js
应用程序.js
import "./styles.css";
import React, { useState } from "react";
import useLongPress from "./useLongPress";
import { useSwipeable } from "react-swipeable";
const list = [
"apple",
"banana",
"orange",
"mango",
"kiwi",
"lemon",
"watermelon",
"avocado",
"grapes",
"strawberry",
"passion fruit",
"papaya",
"pomegranate",
"blueberry",
"pear",
"pineapple",
"jackfruit"
];
export default function App() {
const [MultiSelect, setMultiSelect] = useState(false);
const [MultiSelectArray, setMultiSelectArray] = useState([]);
const [IsSwiping, setIsSwiping] = useState(false);
const swipe = useSwipeable({
onSwipeStart: (e) => …Run Code Online (Sandbox Code Playgroud) 我在map函数中有一个解构的参数:
array.map(([name, data], index:number) => (
console.log(name + data)
))
Run Code Online (Sandbox Code Playgroud)
我如何设置name和data作为name: string, data: object?
我正在做这个界面,我有很多按钮,只是像这样的背景图像
#menu ul.icons li.nove {
background-image:url(images/edit-menu/icons/undo.png);
background-size:contain;
display:block;
margin-top:29px;
}
Run Code Online (Sandbox Code Playgroud)
<ul class="icons">
<li class="um"></li>
<li class="dois"></li>
<li class="tres"></li>
<li class="quatro"></li>
<li class="cinco"></li>
<li class="seis"></li>
<li class="sete"></li>
<li class="oito"></li>
<li class="nove"></li>
<li class="dez"></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我需要创造一个更改,当用户点击的按钮,背景图像的代码,以显示其按钮激活,我只需要改变url(images/edit-menu/icons/到url(images/edit-menu/select/并保持相同的文件名.我需要一种动态执行此操作的方法,因此我不必为10个按钮中的每个按钮执行此操作.
希望我很清楚,提前谢谢
javascript ×3
css ×2
dayjs ×1
flutter ×1
html ×1
jquery ×1
next.js ×1
nextjs-image ×1
reactjs ×1
typescript ×1