如何在本机反应中显示来自后端的图像

Question

我是 React Native 的新手。请帮助我。我上传了我的产品图片，然后将他们的链接放在 mysql workbench 中。然后我得到了这样的信息： ''' 导出默认类比萨扩展 React.Component {

_isMounted = false;

state = {
    Data: [],
    itemcolor: '#ff4500',
    
};



async componentDidMount() {
    this._isMounted = true;
    const a = await axios.get('http://192.168.43.43/api/dreams/pizza');
    if (this._isMounted) {
        this.setState({ Data: a.data });
    }
    //alert({ state.Data.data[1].pizzaTitle });
    //alert(JSON.stringify(a))
    //alert(this.state.Data[0].pizzaTitle)
}
componentWillUnmount() {
    this._isMounted = false;
}'''

然后用地图函数试图显示它们： ''' 渲染（）{

    return (<View style={styles.container}>
        <ScrollView>
            {
                this.state.Data.map(item => (
                    <View key={item.id}>

                        <TouchableOpacity
                            onPress={() => {
                                < Child text={item.pizzaTitle} />
                                alert('You tapped the button!');
                                console.log(item.pizzaimg);
                            }}
                            style={styles.touch}
                        >
                            <Text style={styles.text}>{item.pizzaTitle}</Text>
                            <Text style={styles.textp}>{item.pizzaPrice}</Text>                             
                                                            
                        </TouchableOpacity>
                        
                        
                        
                    </View>
                    ))
            }
        </ScrollView>                      
        
    </View>)

    };

};

''' 现在我不知道如何从后端链接以可触摸不透明度显示我的图像。我该怎么做？