小编Vla*_*vić的帖子

我不敢相信我问了一个明显的问题,但我仍然在控制台日志中得到错误.

控制台说它找不到目录中的模块,但我检查了至少10倍的错字.无论如何,这是组件代码.

我想在root中呈现Header

import React, { Component } from 'react'
import Header from './src/components/header/header'
import logo from './logo.svg'
import './App.css'

class App extends Component {
  render() {
    return (
      <Header/>
    );
  }
}

export default App;

这是Header组件

import React, { Component } from 'react'
import ReactDOM from 'react-dom'
import navBar from './src/components/header/navBar'
import './src/css/header.css'

class Header extends Component {
    render() {
        return {
            <div>
             <div id="particles-js"></div>
             <navBar/>
             <Title/>
          </div>
        };
    }
}

ReactDOM.render(<Header/>, document.getElementById('header'));

我已经检查了模块在这个位置至少10次,./src/components/header/header它是(文件夹"header"包含"header.js"). …

如果我单击导航链接，我可以看到 slug 已更改但组件未呈现。我必须手动刷新页面才能看到组件，而页面应该在路由/slug 更改时自行重新呈现。

应用程序.js

import React, { Component } from 'react';
import { BrowserRouter, Switch, Route } from 'react-router-dom';
import Me from './components/me';
import Contrib from './components/contrib';
import Projects from './components/projects';
import Contact from './components/contact';

class App extends Component {
  render() {
    return (
      <div className="container">
        <BrowserRouter>
          <Switch>
            <Route exact path="/" component={Me} />
            <Route path="/contrib" component={Contrib} />
            <Route path="/projects" component={Projects} />
            <Route path="/contact" component={Contact} />
          </Switch>
        </BrowserRouter>
      </div>
    );
  }
}

头文件.jsx

import { BrowserRouter, NavLink} from 'react-router-dom';

const …

我无法理解Apollo Client库,因为它无法按预期工作.它不是发送GETHTTP方法,而是发送OPTIONSHTTP方法,即使我只在从GraphQL服务器检索数据时才使用GET.

const client = new ApolloClient({
    link: ApolloLink.from([
        new MeteorAccountsLink(),
        new HttpLink({
            uri: 'https://selo-comments.herokuapp.com/graphql',
            useGETForQueries: true
        })
    ]),
    cache: new InMemoryCache()
});

来自浏览器的控制台日志: OPTIONS https://selo-comments.herokuapp.com/graphql?query=%7B%0A%20%20comments(id%3A%20%22TFpQmhrDxQqHk2ryy%22)%20%7B%0A%20%20%20%20articleID%0A%20%20%20%20content%0A%20%20%20%20userId%0A%20%20%20%20createdAt%0A%20%20%20%20commentID%0A%20%20%20%20votes%0A%20%20%20%20blockedUsers%0A%20%20%20%20__typename%0A%20%20%7D%0A%7D%0A&variables=%7B%7D 405 (Method Not Allowed)

这显然意味着HTTP方法不正确,即使它在url中有查询参数.如果您使用Postman查询该URL或只是使用浏览器的地址栏导航到该URL,您将获得GraphQL数据.我必须使用https://cors-anywhere.herokuapp.com/才能成功执行查询.

我究竟做错了什么？

数据库结构如下所示

-LGw89Lx5CA9mOe1fSRQ {
    uid: "FzobH6xDhHhtjbfqxlHR5nTobL62"
    image: "https://pbs.twimg.com/profile_images/8950378298..."
    location: "Lorem ipsum, lorem ipsum"
    name: "Lorem ipsum"
    provider: "twitter.com"
}

如何以-LGw89Lx5CA9mOe1fSRQ编程方式删除所有内容，包括密钥？

我看了看，但是Firebase已经过时和过时了：removeUser（）但需要删除该uid下存储的数据

我也研究了这个问题，但这要求用户不断登录（我将用户ID保存在中localStorage），null如果我写的话，它会在刷新后返回firebase.auth().currentUser。数据记录和用户帐户是通过社交网络提供商创建的，我可以在Firebase控制台的“ 身份验证”和“ 数据库”选项卡上看到数据。

我已经尝试过这些代码，但是它什么也没做。

 // currentUser has a value of UID from Firebase
 // The value is stored in localStorage
 databaseChild.child(currentUser).remove()
   .then(res => {
       // res returns 'undefined'
       console.log('Deleted', res);
   })
   .catch(err => console.error(err));

最重要的是，我需要一键式同时从“ 身份验证”选项卡和“ 数据库”中删除用户（具有特定的UID）。

我知道有一个Firebase Admin SDK，但是我正在创建一个单页应用程序， …

我有一个问题,我无法弄清楚如何解决它.我已经检查了React文档,我的语法与Facebook官方文档中的语法类似.

我刚开始学习React库,学会了如何使用道具但是状态我有问题.此代码抛出一个错误,表示逗号字符不属于那里,而在文档中存在逗号.如果我删除了逗号,那么它说todos is undefined:

class App extends Component {
  // State
  getInitialState() {
      return (
        todos: ["Wake up early", "Do some body exercise", "Continue learning React"]
      )
  }, <-- This is making the problem and it can't compile 
  // Props
  render () {
    return (
      <div id ="todo-list">
       <h1>Helo, user</h1>
       <p>Things to do:</p>
       <ul>
        <li>{this.state.todos[0]}</li>
        <li>{this.state.todos[1]}</li>
        <li>{this.state.todos[2]}</li>
       </ul>
      </div>
    );
  }
};

我正在学习这个教程的YouTube链接,到目前为止他的教程,但我遇到了这个错误,我不知道该怎么做.