小编iRo*_*tia的帖子

我浏览了您的以下文章https://help.github.com/articles/why-are-my-contributions-not-showing-up-on-my-profile/，因为该贡献未显示在我的个人资料中。

至少可以说。

• 我在我自己的存储库主分支上推送提交，并且可以在GitHub上看到这些提交，但未将它们添加到我的贡献中。

• 它已经超过24小时，并且在多个目录中。不，我推送的存储库中没有一个是分叉的。

• 他们不是给定存储库的贡献者，因此我可以推送提交。

[问题：]有人可以告诉我我做错了什么吗？或如何解决？

我的git存储库是：https : //github.com/irohitb

示例：考虑这个存储库-> https://github.com/irohitb/Crypto，这里说最后一次提交是在4天前推送的，但是在我的贡献中，它没有显示我过去一周所做的任何贡献

当我们可以简单地使用状态和创建对象而不是使用时，我开始学习 React constructor(props){ super(props)

现在，我看到许多图书馆仍在使用

class Master extends Component {
  constructor(props){
    super(props)

所以我的第一个问题是使用constructor (props) super(props)然后设置状态是否有优势？而不是仅仅创建状态对象？

第二个问题，我想在我制作的本机应用程序中实现react-native-slowlog。

在整个代码中，我state object直接创建了而不是使用构造函数。

react-native-slowlog的文档显示了这种使用方式

class Master extends Component {
  constructor(props){
    super(props)
    slowlog(this, /.*/)

    this.state = this.getDataSource(props)
    this.shouldComponentUpdate = shouldComponentUpdate.bind(this)
  }
...
}

他们slowlog(this, /.*/)在构造函数内部调用 的地方，所以我的问题是我可以避免在这里使用构造函数吗？或者如果我在那里创建一个构造函数 slowlog(this, /.*/)然后在构造函数之外创建状态对象可以吗？

class Master extends Component {
  constructor(){
    super() 
    slowlog(this, /.*/)
  } 


  state = {
    searchCoin: false
  }

假设我们有一个处理程序(在我们的类中扩展组件中的react)

whatever = () => {
//Something 
}

我们什么时候做

onClick="{()=> this.whatever}" ,当javascript处理我们的代码(或编译/读取)时,在click事件发生之前不会执行

相反

一旦javascript到达这一点或读取它,就应该执行{this.whatever}.

因此,我们通常使用这个{()=> this.whatever} 我们希望事件发生在有人说点击后？并且{this.whatever}在JS编译时会立即执行handler /方法吗？

[更新]

在我通过以下教程制作的反应应用程序中,我们有箭头函数处理程序说whatever这样传递给子组件<BuildControls whatever={this.whatever} />.在子组件中,我们做了<button onClick={props.whatever} />哪些工作.那么我们为什么不这样做<button onClick={() => props.whatever} />(如果按照后面的方法,onClick事件也不起作用)

我正在考虑将我的直接传递给我的主index.js文件

import {AppRegistry} from 'react-native';
import App from './App';
import {name as appName} from './app.json';

AppRegistry.registerComponent(appName, () => App);

我的意思是我知道，我们总是可以在我们的 App.js

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import {Provider} from 'react-redux';
import Store from "./src/store.js"  
import Something from './src/container/Something.js';

export default class App extends React.Component {
  render() {
    return (
    <Provider store={Store}>
        <Something
        />     
    </Provider>
    );
  }
}

[问题：]但我在想，如果我们能做到Index.js，如果能，那么怎么做？

我很早就在Express和Mongoose的udemy上进行了一个训练营，假设我们想在数据中添加新字段，我们做了类似的事情

var playground = require("../models/playground.js");

route.post("/", middleware.isLoggedIn,function (req, res) {

  var name =  req.body.name;
  var image =  req.body.image;
  var description = req.body.description;
  var price = req.body.price;

  playground.create({
    name: name,
    image:image,
    description: description,
    price: price
  }, function(error, newlyCreated){
    if(error) {
      console.log(error)
    }
    else {
      newlyCreated.author.id = req.user._id;
      newlyCreated.author.username = req.user.username;
      newlyCreated.save();
     res.redirect("/playground");
    }
  })
});

现在，已经一年多了，我无法理解我在这里所做的事情（应该添加一些评论），但是我确实看到我们正在使用类似这样的东西 playground.create({

然后这是我完全无法理解的

          newlyCreated.author.id = req.user._id;
          newlyCreated.author.username = req.user.username;
          newlyCreated.save();

这不是主要问题，但是newlyCreated.save();将会做什么？我的意思是，它可能会保存我们从前端获取的数据，但是它将如何工作？

转到主要问题，我再次关注了一个教程，在该教程中，指导老师做了一些像这样简单的事情来保存数据

 let author = new Author({  
     name: args.name, 
     age: args.age
       })
 author.save()

那么 …

我正在关注 Stephen Grinder 教程，他开始使用 Promisify。

为此他给出了非常模糊的解释，说redis需要一个回调函数，他发现非常不整洁+redis不支持NodeJS中的promise

然后他做了这样的事情

     const redis = require('redis')
      const redisURL = 'redis://127.0.0.1:6379';
      const redisClient = redis.createClient(redisURL);
      const util = require('util')

      client.get = util.promisify(client.get)

      const cachedBlog = await client.get(req.user.id)

由于某种原因，我发现解释很模糊，有人可以用最人性化的方式解释一下吗？比如他的意思是什么以及我们正在做什么？

我们如何使用redux在react-navigation中创建受保护的路由？

考虑我有一个包含以下状态的redux存储

const mapStateToProps = state => {
  return {
    isAuthenticated: state.profileInfo.isAuthenticated,
    isLoaded: state.profileInfo.isLoaded,
    googleProfileLoading: state.profileInfo.googleProfileLoading
  }
};

我正在使用React导航来导航用户。

const loginNavigation = createStackNavigator(
  {
    login: {
      screen: Login
    },
    signup: {
      screen: Signup
    }
  },
  {
    headerMode: "none"
  }
)

const allRoutes = createSwitchNavigator(
  {
    home: {
      screen: loginNavigation
    },
    user: {
      screen: user

  },
  {
    initialRouteName: "home"
  }
);

const App = createAppContainer(allRoutes);

现在，如果用户尚未登录，我想重定向到登录屏幕。

在简单的react-redux中，这通常是我通常要做的事情：https : //github.com/irohitb/SelfieApp/blob/master/client/src/routes.js

有人可以帮我弄清楚我们如何在react-native，redux和react-navigation中创建受保护的路由

我不确定我需要共享什么代码，但它似乎每次我登录时，我的 firebase-functions 会话都会在该选项卡上维护，这意味着如果在我的浏览器中，我已通过一个选项卡登录并打开一个新的选项卡，我需要重新登录。

如何使我的 firebase 功能会话保持一致，即如果在一个选项卡中打开，我不需要在另一个选项卡中打开。

这个帖子看起来很相关，但自从 OP 发布以来已经有一段时间了。

https://groups.google.com/forum/#!topic/firebase-talk/zkrJsCh0_sw

我是打字稿新手，正在将现有的 js 代码迁移到 ts 代码。

显然connect-session-firebase没有自定义输入，所以我决定创建一个..

这就是我在代码中使用它的方式

import FirebaseSession from 'connect-session-firebase'

app.use(
            session({
                store: new FirebaseSession({
                    database: context.realtimeDB
                }),
                name: '__session', // Must use this name for firebase hosting
                secret: 'kkkkj9h9', // TODO: Move to ENV
                resave: true,
                saveUninitialized: true
            })
        )

这是我打字的地方

declare module "connect-session-firebase" {
  import * as admin from 'firebase-admin'
  import { Request, Response, NextFunction } from "express";

  interface firebaseSession {
    database: admin.database.Database | admin.firestore.Firestore, 
    sessions?: string, 
    reapInterva?: string,
    errorIfSessionNotFound?: any
  }
}

我知道这是错误的，因为store: …

我正在构建一个项目Vue-nuxt。我想SCSS仅对该组件使用外部作用域。

<template>
    <div class="card">
        <h3>{{ heading }}</h3>
        <p>{{ para }}</p>
    </div>
</template>
    
<script>
    import './../assets/css/card.scss'
    
    export default {
      props: {
        heading: String,
        para: String
      }
    }
</script>

我怎样才能做到这一点？