小编ksa*_*sav的帖子

声明JavaScript数组时"{}"和"[]"之间有什么区别？通常我会声明

var a=[];

声明数组的含义是什么？ var a={}

我有两个屏幕：

屏幕A

import React, { useState } from "react";
import { Text, View, Button } from "react-native";
const ViewA = ({ navigation }) => {
  const [val, setVal] = useState(null);
  const [val2, setVal2] = useState(null);
  const callBack = (value1,value2) => {
    setVal(value1);
    setVal2(value2);
  };
  const onNextPress = () => {
    navigation.navigate("Second Screen", { callBack: callBack });
  };
  return (
    <View>
      <Text>{val}{val2}</Text>
      <Button title="Next" onPress={onNextPress} />
    </View>
  );
};
export default ViewA;

屏幕B

import React from "react";
import { View, Button …

出于某种原因，尝试下载文件时失败。我尝试了几种不同的方法，但都失败了。比我读到一些关于 pdf/word 文件在 Gatsby 中被“禁止”的内容？？！

默认<a href="route-to-file" download></a>似乎不起作用，它显示下载失败。任何帮助表示赞赏！

我在 React 项目中使用 date-fns 。

const sampleText = 'Tue Aug 03 2021 18:49:11 GMT+0800';
const sampleDate = new Date(sampleText);
format(sampleDate, 'hh:mm')

这将返回“06:49”。我怎样才能让它返回“18:49”？

我正在使用 bulma 框架，所有内容都在左侧，我如何将内容集中在页面上？例如，此图像在左侧。

<section class="section">
  <div class="container">
    <div class="column">
      <figure>
        <img src="/assets/images/norris-lake.jpg" alt="Melton Hill Lake">
      </figure>
    </div>
  </div>
</section>

我是 Gatsby 的新手，正在尽我所能地学习它（还有 React，我也没有任何先验知识）。我想创建一个页面，从一个或多个 Markdown 文件中获取数据。

现在，我只使用 Gatsby 对其进行测试，以便稍后使用 Netlify CMS 降价文件重现该技术（并且能够使用 Netlify CMS 管理面板更新页面文本）。到目前为止，由于本教程，我已经成功地向 Gatsby 添加了降价页面。但是这种方法只创建动态页面，这比我需要的要复杂得多。

有没有一种简单的方法可以导入一个特定的 Markdown 文件，比如说 src/markdowns/hero-texts.md，在（也可以说）pages/index.js 中，然后用它们的 frontmatter 标签调用数据，以最干净的方式作为可能的？

我在谷歌上尝试了无数研究，只是为了找到哪个插件或编码术语可以处理这个问题，但没有成功。我完全明白上面的一些解释可能充满了技术误解，抱歉......

我使用从Illustrator导出的相当复杂的SVG形状作为剪切路径.

问题是objectBoundingBox要求路径数据在0-1范围内,并且我的路径包含超出此范围的路径数据.这是我正在使用的:

<svg>
  <clippath id="clipping" clipPathUnits="objectBoundingBox">
    <path d="M228.6,94.8L176.8, 5.5c-2-3.5-5.8-5.5-9.9-5.5H63.2c-4.1, 0-7.8, 1.9-9.9,5.5L1.5,94.9c-2, 3.5-2,7.8,0, 11.4       l51.8, 89.8c2,3.5, 5.8,5.9,9.9,5.9h103.7c4.1, 0, 7.8-2.4,9.9-6l51.8-89.7C230.7, 102.8,230.7, 98.3,228.6,94.8z M192.8,104.4l-35.5, 
      61.5c-1.4,2.4-4,4.1-6.8, 4.1h-71c-2.8,0-5.4-1.7-6.8-4.1l-35.5-61.4c-1.4-2.4-1.4-5.5,0-7.9l35.5-61.5c1.4-2.4,4-4.1,6.8-4.1h71c2.8, 0, 5.4,1.7,6.8,4.1l35.5, 61.4C194.2,98.9, 194.2, 102, 192.8, 104.4z"/>
  </clippath>
</svg>

有没有一个简单的解决方案将其转换为0-1范围,以便我可以使用objectBoundingBox？

RE:评论.我能够将任意数量的变换应用于SVG元素,但它仍然不能与objectBoundingBox一起使用.例如:

<clippath id="clipping" transform="scale(1,1)" clipPathUnits="objectBoundingBox">

我们在带有 taillwindcss 的 div 元素内有一个 span 文本，将文本与 div 垂直对齐的最佳方法是什么？

<div class="h-64 w-64 flex flex-col align-items justify-center">
   <span>Home</span>
</div>

我的应用程序相当大，因此为了拥有更有条理的翻译文件，我想使用嵌套命名空间。例子：

{
    "contract": {
        "index": {
            "pageTitle": "Contract"
    }
}

问题是当我访问它时。在这个问题的帮助下，我发现我可以通过使用它来访问索引内的键，如下所示：

const { t, i18n } = useTranslation('contract', { useSuspense: false });
...
t('index.pageTitle')

问题是似乎没有必要index.为我想要访问的每个键添加前缀。我想做的是导入命名空间索引而不是合约，并按如下方式使用它：

const { t, i18n } = useTranslation('contract:index', { useSuspense: false });
...
t('pageTitle')

这是行不通的。我contract.index也尝试过。在官方文档中我没有找到任何关于嵌套的内容。是否有可能完成我想要做的事情，或者我必须坚持为每个键添加前缀？

我对 React 还很陌生，并试图编写我的第一个应用程序以更好地理解。

我正在尝试构建一个简单的时间跟踪工具，用户可以在其中启动和停止工作计时器。

在这里你可以看到我想出的设计：

如果用户单击“开始”按钮，工作时间计时器组件应每秒更新一次。如果用户单击“休息一下”按钮，计时器应该停止，而休息时间计时器组件应该开始滴答作响。

我想将计时器组件重用于工作计时器和休息计时器，并设置不同的状态。

我已经设法做到这一点，但我不知道这是否是一个好方法，或者是否可以改进并使其更通用？

我的跟踪器组件如下所示：

class Tracker extends Component {
    constructor(props) {
        super(props);
        this.state = {
            workTime: 0,
            breakTime: 0,
            isRunning: false,
            timerType: 'workTimer'
        }
    }

    startTimer(type) {
        this.setState({
            isRunning: true,
            timerType: type
        });
        this.timerInterval = setInterval(() => {
            this.updateTimer()
        }, 1000);
    }

    stopTimer() {
        this.setState({
            isRunning: false
        });
        clearInterval(this.timerInterval);
    }

    toggleBreak(type) {
        this.setState({
            timerType: type
        });

        if (!this.state.isRunning && this.state.timerType === 'breakTimer') {
            this.startTimer('breakTimer');
        } else if (this.state.isRunning && this.state.timerType === 'breakTimer') {
            this.stopTimer();
            this.startTimer('workTimer'); …