react学习笔记

  1. 在编写音乐列表组件的过程里，我们需要将音乐列表里面的数据进行遍历。这时并不是用简单的数组遍历那么简单。我们应该使用map，目的是为了保护原有数据，对map进行操作不会改变原始数据。
import React from 'react'
import MusicListItem from '../components/musicListitem'

let MusicList = React.createClass({
     render() {
          let  listEle = null;
          listEle = this.props.musicList.map((item) => {
          return (
            <MusicListItem key={item.id}   > {item.title} </MusicListItem>
);
});
return (
    <ul>  {listEle}</ul>
  );

export default  MusicList;
  1. ES6在标签属性里面嵌入字符的写法
<li  className={'components-musicListitem  row${this.props.focus ? 'focus':''}'}></li>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容