Javascript 无法添加不包含'；如果没有度量函数，则无法与父级进行比较

尝试创建一个登录表单，通过axios从firebase数据库读取信息；获取与瑜珈阳极相关的错误。读一下这个；我认为JSX语法一定有问题。但是SublimeLineter（我使用的文本编辑器）和我似乎都不知道出了什么问题

非常确定导入的组件（卡片、卡片部分、按钮、微调器）都很好，因为这些是我在其他应用程序中使用的可重用组件

import React, { Component } from 'react';
import { View } from 'react-native';
import axios from 'axios';
import firebase from 'firebase';
import { Header, Button, Spinner, CardSection, AlbumDetail } from './components/common';
import LoginForm from './components/LoginForm';

class App extends Component {
    state = { loggedIn: null, albums: [] };

 componentWillMount() {
 firebase.initializeApp({
 apiKey: 'xx',
 authDomain: 'xx',
 databaseURL: 'xx',
 projectId: 'xx',
 storageBucket: 'xx',
 messagingSenderId: 'xx'
});

    axios.get('https://xx')
            .then(response => this.setState({ albums: response.data }));

    firebase.auth().onAuthStateChanged((user) => {
      if (user) {
        this.setState({ loggedIn: true });
      } else {
        this.setState({ loggedIn: false });
      }
    });
  }

  renderAlbums() {
        return this.state.albums.map(album => 
            <AlbumDetail key={album.District} album={album} />);
    }

  renderContent() {
    switch (this.state.loggedIn) {
      case true:
        return (
        <CardSection>
          <Button onPress={() => firebase.auth().signOut()}>
            Log Out
          </Button>
        </CardSection>  
        );
      case false:
        return <LoginForm />;
      default:
        return <Spinner size='large' />;
    }
  }

  render() {
    return (
      <View>
        <Header headerText='Authentication' />
        console.log(this.state.albums)
        {this.renderContent()}
      </View>
    );
  }
}

export default App;

import React，{Component}来自'React'；
从“react native”导入{View}；
从“axios”导入axios；
从“firebase”导入firebase；
从“/components/common”导入{标题、按钮、微调器、CardSection、AlbumDetail}；
从“./components/LoginForm”导入LoginForm；
类应用程序扩展组件{
状态={loggedIn:null，相册：[]}；
组件willmount（）{
firebase.initializeApp({
apiKey:'xx'，
authDomain:'xx'，
数据库URL:'xx'，
projectd:'xx'，
storageBucket:'xx'，
messagingSenderId:'xx'
});
axios.get（）https://xx')
.then（response=>this.setState（{albums:response.data}））；
firebase.auth（）.onAuthStateChanged（（用户）=>{
如果（用户）{
this.setState（{loggedIn:true}）；
}否则{
this.setState（{loggedIn:false}）；
}
});
}
renderAlbums（）{
返回此.state.albums.map（album=>
);
}
renderContent（）{
开关（this.state.loggedIn）{
大小写正确：
返回(
firebase.auth（）.signOut（）}>
注销
);
案例错误：
返回；
违约：
返回；
}
}
render（）{
返回(
console.log（this.state.albums）
{this.renderContent（）}
);
}
}
导出默认应用程序；

---

任何帮助都将不胜感激。

我认为您需要在

中的文本周围添加一个

标记，或者您可以将文本添加到title属性中

        <CardSection>
          <Button onPress={() => firebase.auth().signOut()}>
            <Text>Log Out</Text>
          </Button>
        </CardSection>

firebase.auth（）.signOut（）}>
注销

我认为您应该在这种方法中删除

console.log（…）

render() {
    return (
      <View>
        <Header headerText='Authentication' />
        console.log(this.state.albums) ==> HERE 
        {this.renderContent()}
      </View>
    );   
}

从GitHub（）复制：

我在RN 0.49.1中的某个依赖于 值是决定是否显示视图的真实值。我修好了 使用经典的双感叹号时出错！！，i、 e.“{！！值” 而不是“{value.”

---

它帮助我

错误说明了什么？粘贴错误please@Ali我无法直接添加图像。附加了一个链接。@KarthigeyanKalyan axios和firebase请求超出生命周期方法（如componentDidMount）有什么原因吗？没有具体原因，@Joshualonard。只是想将所有导入保持在一起；无论如何，不是尽管在整个应用程序运行期间导入不会有什么坏处，但我还是会遇到同样的问题，我将“注销”文本作为子对象传递给道具，并将其嵌入到组件中的标记中。因此，我认为问题不在于此；我只是尝试了一下，运气不好。正如我上面解释的，文本是作为子对象传递给t的他是道具。所以我想这个错误在别的地方。还有其他想法吗？对console.log的更改也没有什么不同。

render() {
    console.log(this.state.albums);
    return (
      <View>
        <Header headerText='Authentication' />

        {this.renderContent()}
      </View>
    );   
}

<Button onPress={() => firebase.auth().signOut()}>
    <Text>Log Out</Text>
</Button>