小编Oct*_*aLo的帖子

使用indexOf过滤数组

我试图使用indexOf输出events数组中的前两个对象.

这不会返回任何内容:

var whiteList=['css','js'];

var events =[
    {file: 'css/style.css', type:'css'},
    {file: 'js/app.js', type:'js'},
    {file: 'index/html.html', type:'html'}
];

var fileList= events
    .filter(function(event){
    return event.type.indexOf(whiteList) >- 1 
  })

console.log(fileList);
Run Code Online (Sandbox Code Playgroud)

如果我改变这样的函数,它返回css和js对象,虽然我希望它返回html对象.

var fileList= events
    .filter(function(event){
    return event.type.indexOf('html') 
  })
Run Code Online (Sandbox Code Playgroud)

javascript

6
推荐指数
2
解决办法
1万
查看次数

使用React将多个html元素存储在变量中

我有一些重复的代码,这些代码在React组件中呈现了一些HTML。我想将重复的html元素存储在变量中并返回它们,但是无法执行此操作。

const renderAddress = event => {
  if (event.venue.address.address_2) {
    return (
      <address>
        {event.venue.address.address_2}
        <br />
        {event.venue.address.address_1}
        <br />
        {event.venue.address.city}
        <br />
        {event.venue.address.postal_code}
      </address>
    )
  } else {
    return (
      <address>
        {event.venue.address.address_1}
        <br />
        {event.venue.address.city}
        <br />
        {event.venue.address.postal_code}
      </address>
    )
  }
}
Run Code Online (Sandbox Code Playgroud)

理想情况下,我想要这样的东西:

const renderAddress = event => {
  const base = (
        {event.venue.address.address_1}
        <br />
        {event.venue.address.city}
        <br />
        {event.venue.address.postal_code}
        )
  if (event.venue.address.address_2) {
    return (
      <address>
        {event.venue.address.address_2}
        <br />
        {base}
      </address>
    )
  } else {
    return (
      <address>
        {base} …
Run Code Online (Sandbox Code Playgroud)

html jsx reactjs

4
推荐指数
1
解决办法
2173
查看次数

在没有唯一键的情况下向 Firebase 发布请求

我想将新数据发布到我的 firebase API,但每次我这样做时,-L545gZW7E6Ed6iqXRok都会生成一个新的密钥,例如我的对象在其中生成。我想在没有这个新密钥的情况下将我的对象直接保存到 API。这个 SO 问题回答了如何使用 set() 方法来做到这一点,但我想使用 Postman 来实现这一点。我使用 Postman 直接发布到 firebase。url:https://my-firebase-project.firebaseio.com/galaxies.json使用方法 POST。

//current saving like this in firebase
"0000001" : {
  "active": false,
  "name": "tp-milky-way",
  "time": 60
},
"-L545gZW7E6Ed6iqXRok": {
	"0000011": {
      "active": false,
      "name": "tp-andromeda",
      "time": 60
    }
}

//I want it without the key
"0000001" : {
  "active": false,
  "name": "tp-milky-way",
  "time": 60
},
"0000011" : {
  "active": false,
  "name": "tp-andromeda",
  "time": 60
}
Run Code Online (Sandbox Code Playgroud)

编辑:我发现我可以将 PUT 与整个 json 对象一起使用,该对象最初是通过添加或删除“放置”到 firebase …

firebase firebase-realtime-database

3
推荐指数
1
解决办法
1780
查看次数

使用 babel 递归地转译服务器文件

我的文件夹结构是这样的:

functions
-- dist
-- private
-- server
---- controllers
---- middleware
------- clientAuth.js
------- someOtherAuth.js
---- index.js
---- model.js
---- router.js
Run Code Online (Sandbox Code Playgroud)

我想将服务器文件夹中的所有 .js 文件转换为 .dist。目前在我的 package.json 中我有

 "scripts": {
    "prepare": "babel ./server/**/*.js --retain-lines -d ./dist"
  },
Run Code Online (Sandbox Code Playgroud)

这只转换服务器子目录中的文件,而不转换服务器根目录中的文件。我可以使用什么来转换根目录和子目录中的所有文件并将其放入 .dist 中?

node.js package.json babeljs

3
推荐指数
1
解决办法
2057
查看次数

如果在javascript .some()函数中未满足条件,则返回值

给定一组数字,我希望使用javascript的.some()方法来查找第一对镜像图像并返回该对.

例如[454,86,57,75,16,88])应该返回[57,55].如果没有相互镜像的数字,我想返回[-1,-1].我设法达到如果有镜像数字,返回数字的点.但是,我不能让它返回[-1,-1].我哪里做错了?

var a=0
var b=0
arr=[13,15,19,32,49,61,73]

arr.some((x,i)=>{
    a=arr[i]
    b=arr[i+1]
    b= switchIt(b)
     if(a!==b){     //what if there are no mirror image numbers found?
       a = -1
       b = -1
    }else{
       return a==b
    }      
})

function switchIt(n){
    n= n.toString()
    n= n.split("")
    var [x,y,z]=[n[0],n[1],n[2]]
    n= [z,y,x]
    n= n.join("")
    n= parseInt(n)
  return n
}


console.log([a,switchIt(b)])
Run Code Online (Sandbox Code Playgroud)

javascript function

2
推荐指数
1
解决办法
993
查看次数

如何使用 TypeScript 泛型通过 React 的 useCallback 扩展库函数

我正在使用react-dropzone 创建一个组件。React-dropzone 提供了一个useDropzone()以对象作为参数的 a ,例如useDropzone({ onDrop })

CodeSandbox 示例在这里

useDropzone 的类型是:

export function useDropzone(options?: DropzoneOptions): DropzoneState;
Run Code Online (Sandbox Code Playgroud)

Dropzone选项有

export type DropzoneOptions = Pick<React.HTMLProps<HTMLElement>, PropTypes> & {
  onDrop?: <T extends File>(acceptedFiles: T[], fileRejections: FileRejection[], event: DropEvent) => void;
};
Run Code Online (Sandbox Code Playgroud)

如何通过在 useCallback 中acceptedFiles键入泛型来键入(而不是任何) ?T

  const onDrop = useCallback((acceptedFiles: any) => {
    acceptedFiles.forEach((file) => {
      console.log(file)
    })
  }, [])
Run Code Online (Sandbox Code Playgroud)

typescript reactjs typescript-generics react-dropzone react-typescript

2
推荐指数
1
解决办法
3755
查看次数

使用Angular将变量插值到类中

我想为我的元素动态生成一个类名。例如, <span class=``icon icon-${route.title}``></span>((这里必须使用双反引号,但实际上应该只是一组反引号。)

    <ul class="sidebar-list">
      <li *ngFor="let route of menuRoutes.items">
        <span class=`icon icon-${route.title}`></span>
        <a routerLink="/{{route.path}}" routerLinkActive="active">{{ 'menu.' + route.title | translate}}</a> 
      </li>
    </ul>
Run Code Online (Sandbox Code Playgroud)

css string-interpolation angular

0
推荐指数
1
解决办法
46
查看次数