React不渲染this.state对象[重复]

Question

我是新的反应，也对stackoverflow，

我正在尝试将 this.state.searchResults 呈现为附加代码

代码运行时没有任何错误，但是没有呈现。我到底做错了什么？

我在我的主js文件中导出这个组件。如果我不使用map方法运行，它会正确地渲染。

请帮帮忙

代码图像

    export class App extends React.Component {

      constructor(props) {
        super(props);
        this.state = { 
            searchResults:  [
              {name: 'name1', artist: 'artist1', album: 'album1', id: 1},
              {name:' name2', artist: 'artist2', album: 'album2', id: 2},
              {name: 'name3', artist: 'artist3', album: 'album3', id: 3}
            ] 
          }
        }

      render() {
        return (
        <div>  
          <h1>Ja<span class="highlight">mmm</span>ing </h1>      
          <div className="App">       
            { this.state.searchResults.map( track => {
                return track
              })
            } 
          </div>
        </div>
        
      );
    }
    }

Answer 1

您可以直接在JSX中呈现对象。指定对象值

this.state.searchResults.map((track) => (
<p>{track.name} {track.artist} {track.album} </p>
))