React native Can';t get.map()在React Native render()中工作
我如何才能让它工作,{showExamples}没有显示任何输出。完整的源代码如下: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}
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>
);