Question

如何让这个工作，{showExamples}没有显示任何输出。完整的源代码位于：https://rnplay.org/apps/t2E4Ig

var MyApp = React.createClass({
  render() {
    var showExamples = examples.map(function(value){
                return (
            <View>
                {value.render}
            </View>
          );
            });

    return (
        <View>

        <Image
          source={{uri: 'http://facebook.github.io/react/img/logo_og.png'}}
          style={styles.base}
        />

        {showExamples}

        </View>
    );
  }
});

Answer 1

你可以试试这个。

var MyApp = React.createClass({
  render() {

   return (
    <View>

      <Image
        source={{uri: 'http://facebook.github.io/react/img/logo_og.png'}}
      style={styles.base}
      />

     {
       examples.map(function(value, i){
            return (
              <View key={i}>
                {value.render}
             </View>
           );
        })
     }

    </View>
);

} }）;

Answer 2

每个示例项的render属性都是一个函数，因此您需要使用{value.render()}调用它，而不是尝试使用{{1}来渲染函数。 }。

无法在React Native render（）中使用.map（）

2 个答案: