Taro: 列表渲染自定义组件时，如果自定义组件中包含子组件（自定义），子组件无法获取props的值

Created on 12 Jun 2018 · 10Comments · Source: NervJS/taro

index.js

import Taro, { Component } from '@tarojs/taro'
import { View,Text} from '@tarojs/components'
import  Test from '../../components/Test/Test'
export default class Index extends Component {
  constructor () {
    super(...arguments)
    this.state = {
      testList:[
        'nell',
        'add',
        'nidk'
      ]
    }
}
 render () {
    return (
      <View>
        {
            this.state.testList.map(item=>{
              return (
                <Test info={item} key={item} />
              )
            })
        }
     </View>
   )
}

test.js

import Taro, { Component } from '@tarojs/taro'
import './Test.scss'
import Ico from '../Icon/Icon'
import { View } from '@tarojs/components';

export default class Test extends Component {
    static defaultProps = {
        hasMore: true
    };
  render () {
      return (
          <View className='doctor-box'>
              <Ico type='right' />
              <View className='hint-font__small'>{this.props.info}</View>
          </View>
      )
  }
}

icon.js

import Taro, { Component } from '@tarojs/taro'
import { View } from '@tarojs/components'
import './Icon.scss'

export default class Ico extends Component {
  render () {
      return (
          <View className={'icon-box icon-'+ this.props.type} />
      )
  }
}

编译后在小程序端的效果是

Icon 组件获取不到props的type,这种现象只在列表渲染自定义组件时出现，单个渲染时不会出现