小编Bir*_*hal的帖子

我是 React JS 的新手。我正在 React 中进行 CRUD 操作。一切都很好，但是当我从列表中删除项目时，我必须刷新浏览器来更新列表。我该如何解决这个问题？

import React, { useState, useEffect } from 'react'
import axios from 'axios';
import { Segment, Item, Container, Card, Icon, Button } from 'semantic-ui-react';
import { IEmployee } from '../../src/Model/activity'
import { Link, RouteComponentProps } from 'react-router-dom';


interface DetailParams {
    id: string;
}


const EmployeeList : React.FC<RouteComponentProps<DetailParams>> = ({ match, history }) => {

    const [employees, setEmployees] = useState<IEmployee[]>([])

    useEffect(() => {
        axios.get('https://localhost:44353/Employee/GetEmployeeList')
            .then((response) => {
                setEmployees(response.data)
            })
    }, [])


    const deleteEmployee =(id: …

我创建了一个 Web 应用程序，它在首页上显示了蛋糕产品。我在 React 中编写了代码，一切正常。目前，我的应用程序看起来像这样

前 3 种产品（蛋糕）显示在上方，最后 3 种产品（蛋糕）显示在下方。现在，我需要以这种方式来处理那些产品，其中 item 代表蛋糕的图像。如何才能做到这一点？

我在 React 中的 JSX 代码是：-

import React from 'react'
import { Container } from 'semantic-ui-react';

const numberOfPicture = [1, 2, 3, 4, 5, 6];

const Product = () => {
    return (
        <Container>
            <div className='ui three column grid' id="cakesProduct">
                {numberOfPicture.map((picture, index) => (
                    <div className="column" key={index}>
                        <div className="ui fluid card">
                            <div className="image">
                                <img src={`assets/cakes/cake-${picture}.jpg`} />
                            </div>
                        </div>
                    </div>
                ))}
            </div>
        </Container >




    );
}

export default Product