小编lav*_*iRZ的帖子

我正在尝试使用可教机器网站上的代码：

from keras.models import load_model
from PIL import Image, ImageOps
import numpy as np

# Load the model
model = load_model('keras_model.h5')

# Create the array of the right shape to feed into the keras model
# The 'length' or number of images you can put into the array is
# determined by the first position in the shape tuple, in this case 1.
data = np.ndarray(shape=(1, 224, 224, 3), dtype=np.float32)
# Replace this with the path to your image …

重要的！这不是异步 API 的问题！我尝试创建一个冒泡排序可视化器，当我运行算法本身时，我希望用户实际看到它的运行情况。所以每次我进行交换时，我都希望用户能够看到它发生。当bubbleSort运行内部的循环并更新状态Classes和 时Array，没有任何反应，直到循环完全结束。如果我将 abreak;放入循环中，则在循环停止时反应渲染。问题是什么？我该如何解决？

编辑：

如果你有答案，请解释它为什么起作用，以及我应该如何在我的代码中实现它。

import React, { useState, useEffect } from "react";
import "./SortingVisualizer.css";
import { render } from "@testing-library/react";
const SortingVisualizer = () => {
    const [getArray, setArray] = useState([]);
    const [getClasses, setClasses] = useState([""]);
    useEffect(() => {
        resetArray(200);
    }, []);
    useEffect(() => {}, [getArray, getClasses]);

    const resetArray = size => {
        const array = [];
        const classesArray = [];
        for (let i = 0; i < size; …

我正在 ReactJS 中编写一个排序可视化工具，我使用一个状态来保持每次渲染之间的延迟。当我更改延迟滑块时，排序不会更新。我让它记录更新的值，并且在每个循环中我让它记录它读取的值。出于某种原因，当我阅读getDelay循环内部和外部时，它们是不同的。

这是代码：

import React, { useState, useEffect } from "react";
import "./SortingVisualizer.css";

class Bar {
    constructor(value, className) {
        this.value = value;
        this.className = className;
    }
}

const SortingVisualizer = () => {
    const [getArray, setArray] = useState([Bar]); //array to hold the bars
    const [getSlider, setSlider] = useState(50);
    const [getDelay, setDelay] = useState(2);
    //reset the array at the start
    useEffect(() => {
        resetArray(10);
    }, []);

    //function to reset the array
    const resetArray = () => …