Reactjs JSX是'；我什么也不退

我在我的组件中有这段代码，我可以看到在调试时计算了一些值，但是当代码完成执行时，我在结果中看不到任何东西，我的JSX有什么问题吗

export default class TilesComponent extends React.Component<ITilesComponentProps, {}> {
  public render(): React.ReactElement<ITilesComponentProps> {
    return (
      <div className={styles.tiles}>
        {this.props.structure.tiles != null &&

          this.props.structure.tiles.map((tile) => {
                {(
                <div className="tile">
                  <h1>{tile.tileName}</h1>
                  <h2>wassup</h2>
                </div>
                ) 
            }
        })}
    </div>
    )
  }
}

导出默认类TileComponent扩展React.Component{
public render（）：React.ReactElement{
返回(
{this.props.structure.tiles！=null&&
this.props.structure.tiles.map（（tile）=>{
{(
{tile.tileName}
wassup
) 
}
})}
)
}
}

我还不熟悉react/jsx，所以我可能写错了什么

---

多谢各位

地图内部需要校正

错的一个：

   this.props.structure.tiles.map((tile) => {
            {(
            <div className="tile">
              <h1>{tile.tileName}</h1>
              <h2>wassup</h2>
            </div>
            ) 
        }
    })}

this.props.structure.tiles.map（（tile）=>{
{(
{tile.tileName}
wassup
) 
}
})}

正确的一点：

 this.props.structure.tiles.map((tile) => {
            return (
            <div className="tile">
              <h1>{tile.tileName}</h1>
              <h2>wassup</h2>
            </div>
            ) 
    })

this.props.structure.tiles.map（（tile）=>{
返回(
{tile.tileName}
wassup
) 
})

完整片段：

      export default class TilesComponent extends    React.Component<ITilesComponentProps, {}> {
      public render():    React.ReactElement<ITilesComponentProps> {
     return (
        <div className={styles.tiles}>
            {this.props.structure.tiles != null &&

             this.props.structure.tiles.map((tile) => {
                  return(
                   <div className="tile">
                      <h1>{tile.tileName}</h1>
                     <h2>wassup</h2>
                  </div>
                )
            })}
         </div>
         )
       }
     }

导出默认类TileComponent扩展React.Component{
public render（）：React.ReactElement{
返回(
{this.props.structure.tiles！=null&&
this.props.structure.tiles.map（（tile）=>{
返回(
{tile.tileName}
wassup
)
})}
)
}
}

删除tiles.map（（tile）=>{this@Think-两次都不起作用。第一个return语句怎么样？我要删除它吗？请发布完整的代码片段以便我能理解它吗？谢谢first

return

属于

render

方法，您应该按照您的理解保存它：）如果你是新手，也许最好看一下官方文档。@devserkan我确实看了文档，只是在一个真正的应用程序上尝试学习，所以在尝试应用概念时有些事情会让人困惑：）是的，正如@devserkan提到的，试着理解这些概念，以便在代码中应用它们。哟你会在反应中学到更多。继续学习。祝你好运