React native Can';t get.map()在React Native render()中工作

React native Can';t get.map()在React Native render()中工作,react-native,React Native,我如何才能让它工作,{showExamples}没有显示任何输出。完整的源代码如下: var MyApp=React.createClass({ render(){ var showExamples=examples.map(函数(值){ 返回( {value.render} ); }); 返回( {showExamples} ); } }); 每个示例项上的render属性都是一个函数,因此您需要使用{value.render()}调用它,而不是尝试“呈现函数:使用{value.render}

我如何才能让它工作,{showExamples}没有显示任何输出。完整的源代码如下:

var MyApp=React.createClass({
render(){
var showExamples=examples.map(函数(值){
返回(
{value.render}
);
});
返回(
{showExamples}
);
}
});

每个示例项上的
render
属性都是一个函数,因此您需要使用
{value.render()}
调用它,而不是尝试“呈现函数:使用
{value.render}
”,您可以尝试这样做

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>
);
var MyApp=React.createClass({
render(){
返回(
{
示例.map(函数(值,i){
返回(
{value.render}
);
})
}
);
}
})

请提供更多关于OP做错了什么以及您的代码如何纠正它的详细信息。只在SO中发布代码答案是不受欢迎的,因为如果有答案的解释,它对其他人的帮助就没有那么大了。我没有
,但在www.rnplay.org中看不到任何错误,一旦我开始使用xCode,我肯定会知道的实际修复程序正在调用函数
value.render()
,而不是对函数的引用。我一直犯这个错误,一进入睡眠状态我就意识到我需要()。虽然没有得到任何错误或视觉效果,但这很可怕,因为我没有出错。我想我应该开始使用调试器,但是我在www.rnplay.org-)的旁注中,我只想
value。render
应该显示函数的内容,即源代码。就像在浏览器控制台中一样。键入
foo=funaction(){返回“fooy-fun”;}
转换成JS REPL,然后
foo
你会看到源代码。我的React原生应用程序应该显示源代码否?@GiantElk我不确定这会是什么样子,但无论哪种情况,你都不能直接将文本呈现到
视图
,但你必须将其包装在
文本
元素中。你是对的。我应该添加更多的代码<代码>{value.render()}是一个返回有效React-Native组件的函数。请在此处查看:实际上,我的意思是,如果希望看到
值的字符串化源代码。render
函数,则需要使用
Text
元素对其进行包装。这是假设React-Native自动调用
toString
在给定给文本的对象上,我不知道是否有。
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>
);