我正在使用 react-id-swiper 制作带有 Instagram 图像的轮播。Swiper 组件在响应后似乎没有更新。我认为将我的 setState 放在 componentWillMount 中会起作用,但显然不会。当我在 Chrome 中打开检查器时它开始工作了吗?
import React, { Component } from 'react'
import Swiper from 'react-id-swiper'
import request from 'superagent'
import './index.css'
const swiperParams = {
slidesPerView: 5,
spaceBetween: 0,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
},
pagination: {
el: '.swiper-pagination',
clickable: true
},
}
class Carousel extends Component {
constructor(props) {
super(props)
this.state = {
photos: []
}
}
componentWillMount() {
this.fetchPhotos();
}
fetchPhotos() {
request
.get('https://api.instagram.com/v1/users/self/media/recent/?access_token=' + process.env.INSTAGRAM_ACCESS_TOKEN)
.then((res) => { …Run Code Online (Sandbox Code Playgroud) 当我尝试在 Xcode 或命令行中在 ios 上运行时,我遇到了“词法或预处理器”问题。Android 构建良好。
第一个错误是找不到“React/RCTBridgeModule.h”文件。我可以通过更改<React/RCTBridgeModule.h>为来解决这个问题,"RCTBridgeModule.h"但我最终会遇到每个模块都出现同样问题的无穷无尽的问题。
我不相信这是一个重复的问题。我已经尝试了类似问题和 github 问题中的所有解决方案,但仍然无法构建;
#import <React/RCTBridgeModule.h>node_modules,.xcworkspace并podfile.lock和重新安装/使用两个更新npm和yarnreact-native upgrade请检查图像的路径
反应原生信息:
Environment:
OS: macOS High Sierra 10.13.6
Node: 8.11.1
Yarn: 1.12.3
npm: 6.5.0
Watchman: 4.9.0
Xcode: Xcode 10.1 Build version 10B61
Android Studio: 3.2 AI-181.5540.7.32.5056338
Packages: (wanted => installed)
react: …Run Code Online (Sandbox Code Playgroud)