小编old*_*cho的帖子

在React Native应用程序中使用Realm与Redux

我即将开发React Native应用程序,并且完全相信使用Redux管理应用程序状态的好处,但是我想通过使用Realm进行持久存储来使应用程序的数据在离线时可用.我想知道Redux将如何与Realm一起玩?

我正在开发的应用程序将通过RESTful API提取大量的JSON数据,然后我想将这些数据保存到本地存储 - Realm似乎是一个很好的选择.然而,我不确定Realm数据库将如何存在于Redux商店中?它必须存在于商店外部吗?在基于Redux的应用程序中使用Realm在某种程度上是矛盾吗?

我已经很好地搜索了一些文章,这些文章描述了使用Realm或其他存储选项(Asyncstorage或SQLite)与Redux的大型数据集,并且可以找到很少的信息.

sqlite realm react-native redux asyncstorage

24
推荐指数
1
解决办法
4196
查看次数

将自定义 prop 或数据传递给 Next JS Link 组件

我开始摆弄 Next JS,并且遇到了第一个障碍。我正在创建一个显示一堆播客剧集的页面,并在主页上为每个播客显示一个小预览卡。卡组件看起来像这样:

import React from 'react';
import Link from 'next/link';
import { kebabCase } from 'lodash';
import { format } from 'date-fns';
import TextTruncate from 'react-text-truncate';

import { Episode as EpisodeInterface } from '../../interfaces';

type Props = {
  episode: EpisodeInterface;
};

const Episode: React.FunctionComponent<Props> = ({ episode }) => {
  return (
    <Link
      href="episodes/[id]"
      as={`episodes/${episode.itunes.episode}-${kebabCase(episode.title)}`}
    >
      <div className="group transition duration-500 cursor-pointer rounded-lg overflow-hidden shadow-lg border border-cream-darker bg-surface hover:bg-surface-hover hover:border-surface-hover hover:text-text-hover">
        <div className="px-6 py-6">
          <div className="font-bold font-serif text-3xl mb-2">
            {episode.title} …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs next.js

24
推荐指数
3
解决办法
4万
查看次数

React Native <ListItem onPress = {...}> - 为什么这个函数在执行?

我刚刚开始围绕React Native,并使用Redux来管理我的UI组件stateNativeBase库react-native-router-flux正在处理视图之间的导航.

目前我正在构建一个从一组guest对象创建的基本列表.该列表存储在Redux存储中,我可以访问它并相应地显示.列表中的每个项目都与数组guest内的项目相关联guests.我想使列表中的每个项目都可触摸,然后将相关guest对象作为属性传递给下一个视图以显示详细信息.

为此,我使用的onPress函数是与ListItem组件关联的标准函数(请参阅此处的 NativeBase文档).我还遵循了文档,react-native-router-flux并在组件本身之外定义了导航操作,以便ListItem在按下时调用它,而不是每次渲染时调用.

我的问题是,我发现onPress={goToView2(guest)}每次ListItem渲染时都会调用函数,而不是在ListItem按下时调用函数.

我确信它一定是简单的,我省略了.有什么建议?

View1.js - 显示以下初始列表的视图guests:

import React, { Component } from 'react';
import { Container, Header, Title, Content, Footer, FooterTab, Button, Icon,
  Text, List, ListItem } from 'native-base';
import { connect } from 'react-redux';
import { Actions as NavigationActions } from 'react-native-router-flux'; …
Run Code Online (Sandbox Code Playgroud)

javascript react-native native-base react-native-router-flux

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

自制软件 - 升级 php 破坏了 php 5.6 依赖

我使用自制软件在本地主机上安装了多个版本的 PHP:

  • 标准核心 php 包 (v7.3.12)
  • php 5.6 来自 exolnet/homebrew-deprecated

现在,当我最近将 php 升级到 7.3.12 时,它升级了 php@5.6 所需的依赖项,现在我收到此错误:

dyld: Library not loaded: /usr/local/opt/openssl/lib/libcrypto.1.0.0.dylib
  Referenced from: /usr/local/Cellar/php@5.6/5.6.40/bin/./php
  Reason: image not found
[1]    83775 abort      ./php
Run Code Online (Sandbox Code Playgroud)

当我导航到时,/usr/local/opt/openssl/lib/我看到我现在已经libcrypto.1.1.dylib安装了升级版。

我试过brew upgrade并重新安装 php@5.6 但没有任何乐趣。

有人有建议吗?我真的需要在我的本地主机上运行两个版本的 php 才能继续开发。

php homebrew

12
推荐指数
1
解决办法
532
查看次数

在 Typescript 中将函数参数定义为对象

我不喜欢调用单独传递参数的函数,而是更喜欢将它们作为对象传递,这样顺序并不重要。

例如

const sum = ({ arg1, arg2, arg3 }) => arg1 + arg2 + arg3;
Run Code Online (Sandbox Code Playgroud)

现在,我正在将一些代码迁移到 Typescript,但我不确定应该如何为这样的函数定义接口。

我已经尝试过类似的方法,但它不起作用:

在此输入图像描述

有什么线索吗?

javascript typescript reactjs

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

确定react组件是否为null

我有一个组件,如果满足某些条件则呈现,否则返回null.

我想知道如何确定组件是否null从其父组件返回.

我已经尝试记录组件以查看在渲染时或返回时哪些属性正在发生变化,null但无法检测到任何差异.

有什么建议?

javascript jsx reactjs

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

Redux - 状态如何传递给减速器?

我只是在围绕 Redux 展开我的头脑,我只是想提出一个关于如何state传递给减速器的问题:

我知道 的结构statecombineReducers()函数决定,您在此函数中定义的键将成为state.

我说只有state与特定减速器相关联的子集才会传递给减速器,这是否正确?还是整个state对象都通过了?

在 Redux 中有很多“啊哈”时刻......!

javascript state redux

5
推荐指数
1
解决办法
314
查看次数

i18next 翻译显示为 unicode 十六进制字符

我正在使用 i18next 来处理我正在处理的项目中的翻译,我发现当我将一个字符串传递给包含 的翻译时/,它正在被转换为 unicode 十六进制代码&#x2f;

我设置title为:

const title = '2/Double/Twin/Triple/Quadrupple'
Run Code Online (Sandbox Code Playgroud)

翻译的名称如下:

{i18n.t('foo', {
  title,
  amount: '$18'
})}
Run Code Online (Sandbox Code Playgroud)

翻译设置如下:

{
  "foo": "foo bar {{title}} howdee {{amount}}"
}
Run Code Online (Sandbox Code Playgroud)

但是输出是:

Foo bar 2&#x2F;Double&#x2F;Twin&#x2F;Triple&#x2F;Quadrupple howdee $18
Run Code Online (Sandbox Code Playgroud)

如何确保字符不会转换为其等效的十六进制代码?

javascript unicode i18next

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

FFmpeg错误:ratecontrol_init:无法打开stats文件

我已经设置了运行Ubuntu 14.04的AWS EC2实例并安装了FFmpeg,以便我可以压缩和转码视频.

我正在尝试使用以下代码进行两次转换:

ffmpeg -i input-file.avi -codec:v libx264 -profile:v high -preset slow -b:v 500k -maxrate 500k -bufsize 1000k -vf scale=702:-1 -threads 0 -pass 1 -an -f mp4 ~/encoded/null

第二遍:

ffmpeg -i input-file.avi -codec:v libx264 -profile:v high -preset slow -b:v 500k -maxrate 500k -bufsize 1000k -vf scale=702:-1 -threads 0 -pass 2 -codec:a libfdk_aac -b:a 128k -f mp4 output-file.mp4

但是我收到以下错误:

ffmpeg version N-77283-g91c2a33 Copyright (c) 2000-2015 the FFmpeg developers
  built with gcc 4.8 (Ubuntu 4.8.4-2ubuntu1~14.04)
  configuration: --prefix=/home/ubuntu/ffmpeg_build --pkg-config-flags=--static --extra-cflags=-I/home/ubuntu/ffmpeg_build/include --extra-ldflags=-L/home/ubuntu/ffmpeg_build/lib --bindir=/home/ubuntu/bin …
Run Code Online (Sandbox Code Playgroud)

video ffmpeg

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

在Redux和React Native应用程序中访问Store

我开始开发一个应用程序,它将调用API,这需要包含我计划存储在Redux存储中的JWT.

通常,您可以通过商店的特定部分映射到组件的使用状态进入终极版商店mapStateToProps()connect(),但我想这不会最终被一个阵营组件/容器的文件中访问终极版店-只是一个纯粹的将处理API调用的js文件.

这可能吗?

javascript react-native redux

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

WordPress中的Font-Awesome-图标无法正确堆叠

我正在WordPress网站中使用Font-Awesome,根据php的这一点,我的functions.php文件中包含Font-Awesome CDN 。

我可以将图标插入我的网站,但根据此示例代码无法获取要堆叠的图标:

<span class="fa-stack fa-lg">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <i class="fa fa-twitter fa-stack-1x"></i>
</span>
fa-twitter on fa-square-o
Run Code Online (Sandbox Code Playgroud)

您可以在此处查看此代码的输出。

是否有人对为什么这可能不起作用有任何想法?我很确定没有CSS类冲突...


wordpress fonts icons font-awesome

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