无法在本机反应中显示用户的数据

Question

我正在用 react native CRNA 构建一个应用程序，在调用注册用户的个人资料图片后出现此错误。

对require 的调用期望恰好有 1 个字符串字面量参数，但这 被发现：require(this.state.pict)

我有点困惑如何从 API 调用用户信息项。这是我获取用户数据的代码。

fetch('someurl', {
            method: 'GET',
            headers:{
                Authorization: 'token',
            }
        })
        .then((response)=> response.json())
        .then((responseJson)=> {
            this.setState({
                students: responseJson.data,
                loading: false,
            })
        })
        .catch((error)=>{
            console.log(error);
        });

我将该代码放在componentDidMount() 上并在图像源中调用this.state.pict，但得到了先前的错误。有人可以告诉我有什么问题吗？我被卡住了..非常感谢。

Answer 1

React-native 支持两种类型的图像源，本地和网络。

对于您使用 require 的本地资源。例如：

<Image source={require('main/assets/images/your-image.jpg')}/>

对于网络资源，您必须使用 uri 对象。例如：

<Image source={{uri:'https://imgur.com/gallery/Fepmd4K'}/>

请注意，本地图像的源接受带有作为参数传递的字符串的 require，而网络图像的源需要带有 uri 参数的对象。

您可以在这里阅读更多内容：https://facebook.github.io/react-native/docs/images

关于您的问题，首先尝试console.logthis.state.pic 并查看它的格式并将其与上述示例匹配，它应该可以工作。