小编vbe*_*nal的帖子

如何保存转换为base64的变量的值？

我正在使用具有数千个地理坐标并转换为 base64 的 .zip 文件。

我可以将文件转换为base64，问题是保存这个变量的结果以备后用。

我试图用来setState保存变量的值，但没有任何反应。

你能告诉我我做错了什么吗？

而这里的zilFile我转换

  const [zipFile, setZipFile] = useState("");
  const [base64, setBase64] = useState("");

  const getBase64 = (file, cb) => {
    let reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function () {
      cb(reader.result);
    };
    reader.onerror = function (error) {};
  };

  const toBase64 = async () => {
    let auxZip = "";
    await getBase64(zipFile, (result) => {
      auxZip = result.substring(28);
      console.log("auxZip: ", auxZip);
      setBase64(auxZip);
    });
  };

  const onSave …

Run Code Online (Sandbox Code Playgroud)

javascript reactjs

vbe*_*nal

lucky-day

5
推荐指数

1
解决办法

86
查看次数

如何在 ReactJS 中使用复选框在列表中应用过滤器？

我有一个呈现一些产品的列表，这些产品分为一些类别。有些产品可能有多个类别。

我正在尝试通过复选框应用包含这些类别的过滤器。当用户选中该复选框时，必须使用所选类别更新列表。

我仍然是初学者Redux，我不知道如何在组件之间进行通信以更新列表。我说组件之间的通信是因为我的类别列表在Drawer组件中，我的产品列表在Card组件中。

我把我的代码放入codesandbox，因为有很多文件

我在这里呈现我的产品列表：

import React, { useState, useMemo, useEffect } from 'react';
import { useSelector } from 'react-redux';

import CardItem from '../CardItem';
import Pagination from '../Pagination';
import Search from '../Search';
import { useStyles } from './styles';

const Card = (props) => {
  const { activeFilter } = props;
  const classes = useStyles();
  const data = useSelector((state) => state.perfume.collections);
  const [searchPerfume, setSearchPerfume] = useState('');
  const [currentPage, setCurrentPage] = useState(1);
  const [perfumesPerPage, …

Run Code Online (Sandbox Code Playgroud)

javascript reactjs redux react-redux

vbe*_*nal

2020 10-12

2
推荐指数

1
解决办法

5937
查看次数

如何在ReactJS中将数据yyyy-mm-dd转换为dd/mm/yyyy？

我是 ReactJS 的初学者，我正在尝试保存一些日期字段。

默认情况下，日期以 format 保存yyyy-MM-dd，但当我能够发送 API 的日期时，格式应为 format dd/mm/yyyy。

我已经尝试使用.toLocaleDateString('pt-BR', {timeZone: 'UTC'});. 但是当我这样做时，返回错误：

The specified value "19/8/2020" does not conform to the required format, "yyyy-MM-dd".

Run Code Online (Sandbox Code Playgroud)

这是我放入CodeSandBox中的代码

并且，在这里我获取日期值：

import React, { useState } from "react";

const NewUser = () => {
  const [data, setData] = useState({
    birthdate: "",
    admission_date: ""
  });

  const changeField = (field, value) => {
    const auxData = { ...data };
    auxData[field] = value;
    setData(auxData);
  };

  return (
    <div>
      <span>Born</span>
      <input …

Run Code Online (Sandbox Code Playgroud)

javascript datetime date reactjs

vbe*_*nal

2024 02-25

-1
推荐指数

1
解决办法

7556
查看次数