React Native - 需要源图像中的Concat字符串，不起作用

Question

我通过 props 传递一个图标变量，将其拾取并尝试连接到变量中的字符串中

我不明白为什么找不到此代码。

export default function TabBarIcon(props) {

    var icon = props.icon ? require('Assets/icons/'+ props.icon +'.png') : 'Assets/icons/home.png';

    return (
        <View>
            <Image 
              source={props.icon ? icon : require('Assets/icons/home.png')} />
        </View>
    );
}

编辑：

此代码有效。但这是一个糟糕的解决方案...

export default function TabBarIcon(props) {

    return (
        <View>
            <Image 

                source={
                    props.icon == "home" ? require('Assets/images/icons/home.png') :  
                    props.icon == "profile" ? require('Assets/images/icons/profile.png') :
                    props.icon == "advice" ? require('Assets/images/icons/advice.png') :
                    props.icon == "search" ? require('Assets/images/icons/search.png') :
                    require('Assets/images/icons/home.png')
                } />
        </View>
    );
}

Answer 1

**Try to Run this**
export default function TabBarIcon(props) {

var icon = props.icon ? require('Assets/icons/'+ props.icon +'.png') : 'Assets/icons/home.png';

return (
    <View>
        <Image 
          source={props.icon ? require(icon) : require('Assets/icons/home.png')} />
    </View>
);
}