小编ann*_*123的帖子

我有一个数组对象，在该数组对象中，我需要根据isVerfied属性过滤并创建一个数组。

如果isVerfied属性为真，我只需要推送对象的 name 属性而不是将整个对象推送到数组中

我试过这个，但它似乎没有工作，因为它正在推动整个对象。

const users = [
   {
         name: 'Varun', 
         age: '18', 
         isVerfied: 'true'
   }, 
   {
         name: 'Rahul', 
         age: '12', 
   }
]
 
const verfiedUserNameNew = users.filter(user => {
     if (user.isVerfied) return user.name
})

console.log(verfiedUserNameNew) 

我也试过地图

const users = [
  {
        name: 'Varun', 
        age: '18', 
        isVerfied: 'true'
  }, 
  {
        name: 'Rahul', 
        age: '12', 
  },
]
         
const verfiedUserNameNew = users.map(user => {
  if (user.isVerfied) return user.name
})

console.log(verfiedUserNameNew)

但随后它返回 varun 和 undefined。我知道另一种解决方案是创建一个数组并运行一个 for.Each 循环，在该循环中放置一个 if 条件，然后将元素推入一个数组中 …

我试图理解 Hooks 的重要性

从 React 文档，它说

They let you use state and other React features without writing a class.

功能组件背后的整个想法是不是将是无状态的，这样它就不会导致重新渲染 React 应用程序？比如，如果你要使用 react hooks，你会在哪里以及为什么使用它？

你总是可以自己创建一个状态，它不会导致功能组件的重新渲染 const state = {}

我的问题是：

1. 状态在功能组件中的优势是什么
2. 什么时候在反应中使用反应钩子而不是实际的基于状态的组件

我正在审查一个代码，那里用户做了这样的事情

<temp onClick={this.onSelected} />

哪里onSelected看起来像这样

onSelected = (id: string) => {
    [...]
}

id: string这里是怎么通过的？

此外，出于好奇（不是主要功能）。有什么区别

onClick={() => this.onSelected()}

和

onClick={this.onSelected}

I am creating my first firebase function app and I was going/following through this tutorial/repo

So what I did was in my main file Index.js (inside functions folder)

const app = express();
const functions = require("firebase-functions");

const authRoutes = require("./src/routes/auth.js");
const meetupRoutes = require("./src/routes/meetup.js");
const eventbriteRoutes = require("./src/routes/eventbrite.js");
const nonMiddleWareRoutes = require("./src/routes/nonMiddleware.js");

app.use("/", nonMiddleWareRoutes);
app.use("/auth", authRoutes);
app.use("/meetup", meetupRoutes);
app.use("/eventbrite", eventbriteRoutes);

const api = functions.https.onRequest(app);

module.exports = {
  api
};

now moving back to the root folder we have firebase.json which …

嘿，我想了解 express-async-handler 的作用是什么？

它被用在我正在寻找的其中一个仓库中。

从他们的文档中，它说

用于处理异步快速路由内的异常并将它们传递给快速错误处理程序的简单中间件。

回购链接：https : //www.npmjs.com/package/express-async-handler

有人可以用例子解释一下吗？

当我做这样的事情时，我收到以下错误

import React from 'react'
import "./../../styles/container.scss"
import './../../styles/common.scss'

interface containerProps {
  icon: String,
  heading: String,
  para: String, 
}


export const IconRowContainer = ({heading, para, icon}: containerProps) => {
  return (
    <div className="icon-row-container-main-div">
      <image src={icon} />
      <div>
        <h2 className="secondary-heading icon-row-container-heading"> {heading} </h2>
        <p className="para icon-row-container-para"> {para}</p>
      </div>
    </div>
  )
}

错误

类型 '{ src: 字符串; }' 不可分配给类型 'SVGProps'。类型“SVGProps”上不存在属性“src”

知道我在这里做错了什么吗？

我从Vue开始，然后关注Traversy Media在YouTube上的视频教程

在那里他使用了v-bind，但是我没有正确解释它们是什么（或者至少我无法理解）

出于某种原因，我仍然觉得文档难以理解。

这就是我们正在做的。

<template>
  <div id="app">
    <p>{{msg}}</p>
    <Todos v-bind:todos="todos" />
  </div>
</template>

<script>
import Todos from "./components/todo.vue";
let todo = [
  {
    name: "Rohit",
    title: "Full Stack Developer"
  },
  {
    name: "Varun",
    title: "head of marketing"
  },
];

export default {
  name: "app",
  components: {
    HelloWorld,
    Todos
  },
  data() {
    return {
      msg: "hello",
      todos: todo
    };
  }
};
</script>

问题：1 有人可以理解这段代码吗？

 <Todos v-bind:todos="todos" />

像什么是v-bind，以及为什么我们要使todo的值等于string？（我知道他最终将待办事项作为道具传递给子组件）

然后在todo.vue中，他正在做这样的事情

<template>
  <div v-bind:key="todo.id" v-for="todo in …