我得到上述错误,而我试图运行我的应用程序。
编辑:添加代码
应用程序。js
import React from 'react';
import { StyleSheet, Text, View} from 'react-native';
import {StackNavigator} from 'react-navigation';
import Login from 'apps/components/Login';
const NavigationApp = StackNavigator({
Home: {screen: Login}
,}, {
navigationOptions:{
header: false,
}
}
);
export default class App extends React.Component {
render() {
return (
<NavigationApp />
);
}
}
登录。js
import React from 'react';
import { StyleSheet, Text, View, TextInput, AsyncStorage,
ToacheableOpacity,KeyboardAvoidingView} from 'react-native';
import {StackNavigator} from 'react-navigation';
export default class Login extends React.Component {
constructor (props){
super(props);
this.state={
username:'',
password:'',
}
}
componentDidMount(){
this._loadInitialState().done();
}
_loadInitialState = async () => {
var value= await AsyncStorage.getItem('user');
if (value != null){
this.props.navigation.navigate('profile');
}
}
render() {
return (
<KeyboardAvoidingView behavior='padding' style={styles.wrapper}>
<View style={styles.container}>
<TextInput style={styles.textInput}
placeholder='Usuario' onChangeText={(username)=> this.setState({username})}/>
<TextInput style={styles.textInput}
placeholder='Clave' onChangeText={(password)=> this.setState({password})}/>
<ToacheableOpacity>
style={styles.button} onPress{this.login}
<Text style={styles.buttonText}>Iniciar Seccion</Text>
</ToacheableOpacity>
</View>
</KeyboardAvoidingView>
);
}
login = () =>{
fetch('https://wb382.com/api/mobile/login.php', {
method: 'post',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
},
body: JSON.Stringify({
username: this.state.usersame,
password: this.state.password,
})
})
.then((response)=>response.json())
.then((res)=>{
if (res.success===true){
AsyncStorage.setItem('user',res.user);
this.props.navigation.navigate('profile')
}else{
alert(res.message);
}
})
}
}
const styles = StyleSheet.create({
wrapper:{
flex: 1,
},
container:{
flex: 1,
alignItems: 'center',
justifyContent: 'center',
backgroundColor: '#000',
paddingLeft: 40,
paddingRight: 40,
},
buttonText:{
fontSize: 26,
color: '#fff',
},
textInput:{
alignSelf: 'stretch',
padding: 16,
marginBotton: 20,
backgroundColor: '#fff',
},
button:{
alignSelf: 'stretch',
backgroundColor: '#1fd100',
padding: 20,
alignItems: 'center',
}
});
我不知道这些文件中的哪一个产生了错误。
为了模拟这些代码,我还在世博会上主持我的代码。木卫一
https://snack.expo.io/@wilson382/我的第一款手机应用
登录组件在“ToachableOpacity”中出错。在import语句和render方法中都写错了。它是可触摸的。我已经编辑了您的演示代码,并更改为正确的名称修复了错误。
问题内容: 我收到此错误: 未捕获的错误:始终违反:元素类型无效:预期为字符串(对于内置组件)或类/函数(对于复合组件),但得到了:对象。 这是我的代码: 我的档案: 问题答案: 就我而言( 使用Webpack )是以下两者之间的区别: 与 第二个起作用,而第一个引起错误。或相反。
我有这个组件: 完全错误: 不变量违规:不变量违规:超过最大更新深度。当组件在组件WillUpdate或组件DidUpdate中重复调用setState时,可能会发生这种情况。React限制嵌套更新的数量以防止无限循环。 这是给出错误的函数: 我只需要将的状态设置为,这样我就可以切换组件的可见性。
我有一个父组件app.js 还有一个子组件,名为scholarships.js 它正在抛出错误警告:React.createElement:type无效--应为字符串(对于内置组件)或类/函数(对于复合组件),但Get:undefined。您可能忘记了从定义组件的文件中导出组件。检查的渲染方法。bundle.js:357:9和Error:A可能只有一个子元素,我刚从react开始,所以这可能是一个
这是一个典型的反应问题,但我不知道如何处理它。我只想动态呈现我的表行,但我得到了错误:“未捕获错误:不变冲突:processUpdates():找不到元素的子元素2。这可能意味着DOM发生了意外的变化(例如,通过浏览器),通常是因为在使用表时忘记了, ,或,或在父级中使用非SVG元素。尝试使用React ID检查元素的子节点。" 我知道react没有找到合适的DOM,但如何处理呢?提前谢谢!
我在生成一个简单的React示例页面后出现此错误: 未捕获错误:不变冲突:_registerComponent(…):目标容器不是DOM元素。 这是我的代码: HTML: 这是什么意思?
问题内容: 预期 我应该能够导出我的App组件文件并将其导入到index.js中。 结果 我收到以下错误 React.createElement:类型无效-预期为字符串(对于内置组件)或类/函数(对于复合组件),但得到了:对象 我的index.js 然后在我的components / App.js中 如果我取消注释,它将起作用,但是我正在尝试使用导出语法。让我发疯的是在另一个项目中,我在这里做的完