小编Gok*_*ram的帖子

我正在使用 React formik，我在单个组件中创建了创建表单和更新表单。基于一个id的更新如果更新意味着在页面上id将在post方法中发送并获取数据数据库并且数据显示在输入字段中并且更新也工作正常。但是在渲染组件中速度很慢并导致很多错误，我希望 useEffect 将在渲染函数之外，并且在输入显示后该字段会稍微延迟

任何想法和任何更好的方法谢谢您的帮助

import React, { useEffect, useState } from "react";
import { Formik, Field, Form, FastField } from "formik";
import axios from "axios";
import {
  Button,
  TextField,
  Grid,
  makeStyles,
  MenuItem,
  FormControl,
  Select,
  InputLabel,
  Checkbox,
  FormControlLabel
} from "@material-ui/core/";

const baseurl = "http://localhost:8080/api/v1/";
const useStyles = makeStyles((theme) => ({
 
}));

function App() {
  const classes = useStyles();
  var PropertyId = sessionStorage.getItem("Propertyid");
  const data = { propertyId: PropertyId };
  const isAddMode = !PropertyId;

  const initialValues = {
    propertyName: …

我创建了一个具有某些功能的表，每一行都可以生成一个 pdf 并通过使用 render-pdf npm 进行下载，我想在用户单击新页面上的下载按钮 pdf 预览时显示，它可以工作，但是在他们在页面加载时将所有数据行数据作为道具传递的方法有时会影响页面，并且页面崩溃了我尝试单击一次在道具中发送特定数据它无法正常工作，请帮助任何想法对我来说非常完整。

感谢帮助

import React, { useState } from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Table from '@material-ui/core/Table';
import TableBody from '@material-ui/core/TableBody';
import TableCell from '@material-ui/core/TableCell';
import TableContainer from '@material-ui/core/TableContainer';
import TableHead from '@material-ui/core/TableHead';
import TableRow from '@material-ui/core/TableRow';
import Paper from '@material-ui/core/Paper';
import { Container } from '@material-ui/core';
import { Text, Page, Document, BlobProvider } from '@react-pdf/renderer';

const data = [
  {
    id: 5,
    name: 'test',
    email: 'test@gmail.com'
  }
];

const MyDoc …

大家好，我遇到了有关react-select onBlur 函数的问题，我做了很多研究并研究了相关的git 问题，但仍然找不到答案。OnBlur 函数未获取选定的值，onBlur 中的值显示为未定义。如果答案可用，请推荐我。谢谢您的帮助

Codesanbox 参考链接：

import React, { useState } from "react";
import Select from "react-select";
import "./styles.css";

export default function App() {
  const [value, setValue] = useState();
  const options = [
    {
      label: "first option",
      value: 1
    },
    {
      label: "second option",
      value: 2
    },
    {
      label: "third option",
      value: 3
    }
  ];

  const onSelect = (value) => {
    setValue(value);
  };
  const onBlurValue = (value) => {
    console.log(value);
  };

  return (
    <div>
      <Select
        value={options.label}
        options={options}
        onChange={onSelect} …