您好我正在尝试在导航器右键中绑定一个函数,
但它给出了错误.
这是我的代码:
import React, { Component } from 'react';
import Icon from 'react-native-vector-icons/FontAwesome';
import Modal from 'react-native-modalbox';
import { StackNavigator } from 'react-navigation';
import {
Text,
View,
Alert,
StyleSheet,
TextInput,
Button,
TouchableHighlight
} from 'react-native';
import NewsTab from './tabs/news-tab';
import CustomTabBar from './tabs/custom-tab-bar';
export default class MainPage extends Component {
constructor(props) {
super(props);
}
alertMe(){
Alert.alert("sss");
}
static navigationOptions = {
title: 'Anasayfa',
headerRight:
(<TouchableHighlight onPress={this.alertMe.bind(this)} >
<Text>asd</Text>
</TouchableHighlight>)
};
render() {
return(
<View>
</View>
);
}
}
并得到这样的错误: …
当我在TextInput中输入内容时,我第一次触摸FlatList项目之一.应该是console.log('item press'),但事实并非如此.只有第二次触摸它控制台.有人知道原因吗？
这是我的代码.
<TextInput
placeholder='test'
value={this.state.inputText}
onChangeText={(inputText) => this.setState({inputText})}
style={{
marginBottom: 20,
fontSize: 17,
width: 300,
textAlign: 'center''
}}
/>
<FlatList
data={[{key: 'item 1'}, {key: 'item 2'}]}
renderItem={({item}) =>
<TouchableHighlight
onPress={() => console.log('item press')}
underlayColor='#dddddd'
>
<View style={{height: 40}}>
<Text style={{fontSize: 16, textAlign: 'center'}}>{item.key}</Text>
</View>
</TouchableHighlight>
}
/>
我是新手reactjs，我正在尝试上传多个文件上传。我可以将文件作为 array 存储在 state 组件中。但是当我将数据传递给 axios post 方法时，它给我的文件列表为[object FileList]. 而且我无法遍历这些文件来存储 . 甚至我尝试了多种方法来上传多个文件，例如“react-Dropzone”。但没有帮助。
我的反应代码。
handleChange(event) {
this.setState({ file: event.target.files })
}
async handleSubmit(e) {
e.preventDefault()
let res = await this.uploadFile(this.state.file);
}
async uploadFile(File){
const formData = new FormData();
formData.append('image', File)
axios.post(UPLOAD_ENDPOINT, formData, {
headers: {
'content-type': 'multipart/form-data'
}
}).then(response => {
console.log(response.data)
});
}
render() {
return (
<form onSubmit={this.handleSubmit}>
<input type="file" id="file" multiple name="file" onChange={this.handleChange} />
<button type="submit" className="btn btn-info"> Update File </button>
</form>
)
}
我正在使用 RxJS 在 Angular 中编写实时搜索功能。我收到一些错误，如 TypeError: 无法读取未定义的属性“管道”。我正在使用 Angular 7，并且尝试了来自 StackOverflow 的不同代码示例，但无法解决此问题。
app.Component.html
<input type='text' class="form-control input-txt-start" placeholder="Search Domain Name" name="domainId" (keyup)='getSearchResults(searchTerm$.next($event.target.value))'>
<ul *ngIf="results">
<li *ngFor="let result of results | slice:0:9">
{{ result}}
</li>
</ul>
<p *ngIf="error">
{{error}}
</p>
app.component.ts
import { Component, OnInit, ViewChild } from '@angular/core';
import { FormBuilder, FormGroup, Validators, NgForm, FormControl } from '@angular/forms';
import { SearchService } from 'src/app/services/search.service';
import { Subject } from 'rxjs';
@Component({
...
providers: [SearchService]
})
export class AppComponent implements OnInit { …我正在使用woocommerce-rest-api创建 woocommerce 网站的应用程序。要在商店创建订单，我们必须使用create-order api，它需要基本的所有订单参数。所以有一个名为 的参数shipping_lines，我们必须在其中传递送货 ID、名称和运费。因此，在创建订单之前，我调用了名为list-all-shipping-methods 的api来显示所有运输方式，并让用户选择运输方式，稍后将通过该方式来创建订单。但问题是list-all-shipping-methods只返回id、title、description和_links参数。它没有返回我需要传递创建订单 api 的运输方式的费率。
谁能帮助我如何获得运费，以便我可以通过它来创建订单？
我正在使用NativeBase Header。在标题中，我有购物车和心愿单等按钮。但我无法更改该图标的颜色。
这是我的标题代码：
<Header>
<Left>
<Button transparent onPress={props.onMenuPress}>
<Icon type="Ionicons" name="menu" color="#ff0000" />
</Button>
</Left>
<Body>
<Title>{props.title}</Title>
</Body>
<Right>
<Button transparent onPress={props.onWishlistPress}>
<Icon name="heart" active={false} color="#ff0000" />
</Button>
<Button transparent onPress={props.onCartPress} icon>
<Icon name="cart" active={false} color="#ff0000" />
</Button>
</Right>
</Header>
请任何人都可以告诉我这里有什么问题？
捆绑失败：错误：无法react-navigation-stack从App.js以下位置解析模块：在项目中找不到 react-navigation-stack。
我尝试删除节点模块并重新安装它们，清除缓存，在新的新项目中尝试相同但没有结果
Package.json 文件
{
"name": "navigator",
"version": "0.0.1",
"private": true,
"scripts": {
"android": "react-native run-android",
"ios": "react-native run-ios",
"start": "react-native start",
"test": "jest",
"lint": "eslint ."
},
"dependencies": {
"react": "16.9.0",
"react-native": "0.61.2",
"react-native-gesture-handler": "^1.4.1",
"react-native-reanimated": "^1.3.0",
"react-native-screens": "1.0.0-alpha.23",
"react-navigation": "^4.0.10"
},
"devDependencies": {
"@babel/core": "^7.6.2",
"@babel/runtime": "^7.6.2",
"@react-native-community/eslint-config": "^0.0.5",
"babel-jest": "^24.9.0",
"eslint": "^6.5.1",
"jest": "^24.9.0",
"metro-react-native-babel-preset": "^0.56.0",
"react-test-renderer": "16.9.0"
},
"jest": {
"preset": "react-native"
}
}
应用程序.js
import React from 'react';
import { …在我的应用程序中，我有Login Screen、ForgotPassword Screen和SignUp Screen。在注册屏幕中，我使用react-native-swiper来显示注册过程的三个步骤的幻灯片。我在StackNavigator 中包装了这些屏幕，并将这个StackNavigator作为根组件呈现在我的App.js 中。
这是我的StackNavigator：
路由器.js
import { createDrawerNavigator, createAppContainer, createStackNavigator } from 'react-navigation';
import Login from './src/containers/Login';
import SignUp from './src/containers/SignUp';
import ForgotPassword from './src/containers/ForgotPassword';
const AuthStackNavigator = createStackNavigator({
Login: {
screen: Login
},
ForgotPassword: {
screen: ForgotPassword
},
SignUp: {
screen: SignUp
},
});
const Router = createAppContainer(AuthStackNavigator)
export default Router
应用程序.js
import React, { Component } from …reactjs react-native react-native-navigation stack-navigator react-native-swiper
react-native ×6
reactjs ×2
angular ×1
native-base ×1
php ×1
react-router ×1
rxjs ×1
woocommerce ×1
wordpress ×1