反应：尝试获取<li>值返回'undefined'

Question

给出以下代码，我试图获取（控制台日志）<li>中的文本值，但我一直在获取undefined。我已经尝试过各种解决方案，但没有解决。

export class List extends React.Component<{}, IState> {
    constructor(props) {
        super(props);
        this.state = {
            list: ['top', 'middle', 'bottom']
        }
        this.updateReview = this.updateReview.bind(this);
    }
    
    updateReview = (e) => {
        // e.preventDefault()
        console.log(e.target.value);
        // console.log(e.currentTarget.id);
    }

    render() {  
        let { list } = this.state;
        
        return (
           
               <div>
                  {list.map((value, key) => {
                      return (
                          <li  onClick={(x)=>this.updateReview(x)} key={key}>
                                {value}
                          </li>        
                       );
                    })
                 }
              </div>
        );
    }
}