React native 在视图中找不到意外标记
我下载了日历模型表格 包装React native 在视图中找不到意外标记,react-native,npm,React Native,Npm,我下载了日历模型表格 包装 npm install --save react-native-calendar-select 源代码: import React, { Component } from 'react'; import ActionButton from 'react-native-action-button'; import Icon from 'react-native-vector-icons/Ionicons'; import { StyleSheet, Text, Vi
npm install --save react-native-calendar-select
源代码:
import React, { Component } from 'react';
import ActionButton from 'react-native-action-button';
import Icon from 'react-native-vector-icons/Ionicons';
import { StyleSheet, Text, View } from 'react-native';
import Calendar from 'react-native-calendar-select';
class YourComponent extends Component {
constructor (props) {
super(props);
this.state = {
startDate: new Date(2017, 6, 12),
endDate: new Date(2017, 8, 2)
};
this.confirmDate = this.confirmDate.bind(this);
this.openCalendar = this.openCalendar.bind(this);
}
// when confirm button is clicked, an object is conveyed to outer component
// contains following property:
// startDate [Date Object], endDate [Date Object]
// startMoment [Moment Object], endMoment [Moment Object]
confirmDate({startDate, endDate, startMoment, endMoment}) {
this.setState({
startDate,
endDate
});
}
openCalendar() {
this.calendar && this.calendar.open();
}
// in render function
render() {
// It's an optional property, I use this to show the structure of customI18n object.
let customI18n = {
'w': ['', 'Mon', 'Tues', 'Wed', 'Thur', 'Fri', 'Sat', 'Sun'],
'weekday': ['', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
'text': {
'start': 'Check in',
'end': 'Check out',
'date': 'Date',
'save': 'Confirm',
'clear': 'Reset'
},
'date': 'DD / MM' // date format
};
// optional property, too.
let color = {
subColor: '#f0f0f0'
};
return (
<View>
<Button title="Open Calendar" onPress={this.openCalendar}>
<Calendar
i18n="en"
ref={(calendar) => {this.calendar = calendar;}}
customI18n={customI18n}
color={color}
format="YYYYMMDD"
minDate="20170510"
maxDate="20180312"
startDate={this.state.startDate}
endDate={this.state.endDate}
onConfirm={this.confirmDate}
/>
</View>
);
}
当我运行它时,我得到了这个错误
这是网站上的原始代码,我找不到问题所在
这是一个日历日期选择器,我从中复制了原始代码,并将代码放在类组件中
它说的是意外的标记,但不知道是哪个标记
请你帮我修一下好吗
这是解决办法
return (
<View>
<Button title="Open Calendar" onPress={this.openCalendar}/>
<Calendar
i18n="en"
ref={(calendar) => {this.calendar = calendar;}}
customI18n={customI18n}
color={color}
format="YYYYMMDD"
minDate="20170510"
maxDate="20180312"
startDate={this.state.startDate}
endDate={this.state.endDate}
onConfirm={this.confirmDate}
/>
</View>
);
70号线有什么?如果是一个空行,你能试着删除它并重新加载吗?@Konstantin我试过了,但它不起作用。即使我删除了第70行,也会出现同样的70:0错误。好的,请尝试关闭绑定器,把所有东西都关起来,然后把它点燃again@Konstantin我重新启动了绑定器,现在它在第69行中显示了相同的错误。通常,当这种错误开始抛出时,这是绑定的一些问题。对不起,我不能提供更好的解决方案。有时我只是重新启动计算机,一切正常: