没有未使用的表达式Reactjs请帮我

如何解决没有未使用的表达式Reactjs请帮我

---

你好， 请解决我的问题。我知道您只需要这些代码即可知道问题出在哪里。我也在显示错误。预先感谢。

// importing react and other bootstrap stuffs  
import React,{ Component } from "react";
import { Container,ListGroup,ListGroupItem,Button } from "reactstrap";
import { CSSTransition,TransitionGroup } from "react-transition-group";
import uuid from "uuid";
    
    class ShoppingList extends Component {
        state = {
            items: [
                { id: uuid(),name: "Eggs" },{ id: uuid(),name: "Milk" },name: "Steak" },name: "Fruits" },name: "Water" },],};
        render() {
            const { items } = this.state;
            return (
                <Container>
                    <Button
                        color="dark"
                        style={{ marginBottom: "2rem" }}
                        onClick={() => {
                            const name = prompt("Enter Item Name...");
                            if (name) {
                                this.setState((state) => ({
                                    items: [...state.items,name }],}));
                            } else {
                                alert("You Must Enter Item Name!");
                            }
                        }}
                    >
                        Add Item
                    </Button>
    
                    <ListGroup>
                        <TransitionGroup className="Shopping-list">
                            {items.map(({ id,name }) => {
                                <CSSTransition
                                    key={id}
                                    timeout={500}
                                    classNames="fade"
                                >
                                    <Button
                                        className="remove-btn"
                                        color="danger"
                                        size="sm"
                                    >
                                        &times;
                                    </Button>
                                    <ListGroupItem>{name}</ListGroupItem>
                                </CSSTransition>
                            })}
                        </TransitionGroup>
                    </ListGroup>
                </Container>
            );
        }
    }
    
    export default ShoppingList;

这是我收到的错误

./src/components/ShoppingList.jsx
Line 41:29:  Expected an assignment or function call and instead saw an expression  no-unused- 
expressions

Search for the keywords to learn more about each error.

我想我已经提供了所有必要的信息。如果您想了解其他任何信息，请写评论！ 我正在学习MERN堆栈，并且在进行客户端工作时收到此错误。我希望我能及时得到答案，并为我祈祷我可以快速学习MERN堆栈。

解决方法

在地图函数中，您使用大括号，但未明确返回该表达式。将这些大括号替换为（），然后将地图正文包含在其中：

<TransitionGroup className="Shopping-list">
                            {items.map(({ id,name }) => (
                                <CSSTransition
                                    key={id}
                                    timeout={500}
                                    classNames="fade"
                                >
                                    <Button
                                        className="remove-btn"
                                        color="danger"
                                        size="sm"
                                    >
                                        &times;
                                    </Button>
                                    <ListGroupItem>{name}</ListGroupItem>
                                </CSSTransition>
                            ))}
                        </TransitionGroup>

这应该解决它。