试图修复我的反应类组件。 收到错误“期望赋值或函数调用，但看到了一个表达式”

Question

I'm getting the error message:

Line 4:2: Expected an assignment or function call and instead saw an expression

I think I wrote this class component the same way I've written them in the past? Not sure what I did wrong. Any help would be appreciated.

import React, { Component } from 'react'
import Person from './Components/Person'

class App extends Component {
    state = {
        people: [
            {name: 'David', age: '30'},
            {name: 'Michael', age: '27'},
            {name: 'John' , age: '33'}
        ],
        bool: true
    }

    clickHandler = () => {
        const currentBool = this.state.bool
        this.setState({
            bool: !currentBool
        })
    }

    render () {
        let renderDiv = null
        if (this.state.bool) {
            renderDiv = (
                <div>
                    {this.state.people.map(person => {
                        return <Person name={person.name} age={person.age} />
                    })}
                </div>
            )
        }

        return (
            <div>
                <button onClick={this.clickHandler}>show/hide</button>
                {renderDiv}
            </div>
        )
    }
}

export default App

Answer 1

I think your code looks good. You'd see that linting error if you didn't have a return in the statement return <Person name={person.name} age={person.age} /> but since you already have it, it should be good.

But looking at the line number you provided, it doesn't look like that lint error is coming from this file. Could that be coming from your Person component? You haven't provided the code for it, so just an assumption.