为什么我收到错误：预期一个赋值或函数调用，而是看到一个表达式 no-unused-expressions

Question

class Tweet extends React.Component{
    render(){
        return(
            <div className="tweet">
                <ShowTweet linkAvatar={this.props.link} name={this.props.name} userName={this.props.username} tweetText={this.props.content}/>
                <TweetAction />
                <Stats />
            </div>
        );
    }
}

和

class TweetContainer extends React.Component{
    constructor(props){
        super(props);
    }

    render(){

        const data =  [{name: 'Vuong xuan',username:'vuggg',content:'the good food'},
            {name: 'Jon tathoo',username:'tatoo',content:'the good food'}];

        let numberTweet = data.map(number=>{
            <Tweet linkAvatar={'/image/jennyshen.jpg'} name={number.name} userName={number.username} 
            tweetText={number.content} />
        });

        return(
            <div id="main">
                <h2>Tweet</h2>
                <div id="stream">
                    {numberTweet}
                </div>
            </div>
        );

我正在尝试显示推文，运行时出现错误

./src/App.js 第 180 行：期望一个赋值或函数调用，而是看到一个表达式 no-unused-expressions

搜索关键字以了解有关每个错误的更多信息。

第 180 行：

            tweetText={number.content} />

Answer 1

您在 data.map() 中缺少返回关键字。往下看：

class TweetContainer extends React.Component{
constructor(props){
    super(props);
}

render(){

    const data =  [{name: 'Vuong xuan',username:'vuggg',content:'the good food'},
        {name: 'Jon tathoo',username:'tatoo',content:'the good food'}];

    let numberTweet = data.map((number, index) => {
        return(
          <Tweet key={'Key-'+ index} linkAvatar={'/image/jennyshen.jpg'} name={number.name} userName={number.username} 
        tweetText={number.content} />
         )
        })

    return(
        <div id="main">
            <h2>Tweet</h2>
            <div id="stream">
                {numberTweet}
            </div>
        </div>
    );