小编Ona*_*acs的帖子

我正在构建一个iOS react-native应用程序,我目前正在使用react-native-swipe-card软件包为我的应用程序构建"tinder",如刷卡.该应用程序工作正常,但是当我向左或向右滑动卡片时,让它离开屏幕的一半我得到以下错误:

ExceptionsManager.js:71执行UI块时抛出异常: - [NSNull floatValue]:无法识别的选择器发送到实例0x1075b5130

我正在努力将twilio包实现到我的react-native项目中,当我在我的文件中需要它时,项目不会加载,我看到以下错误:

Unable to resolve module crypto from /Users/[myname]/Documents/Projects/React-Native/[app-name]/node_modules/twilio/lib/webhooks.js: Unable to find this module in its module map or any of the node_modules directories under /Users/node_modules/crypto and its parent directories

我已经尝试crypto直接安装包,但似乎也没有用.

有没有人遇到过这个问题,并有办法解决它？

在React中更新有状态组件时,当组件使用当前状态更新新状态时,它被认为是一种不好的做法.

例如,如果我有一个类来存储过滤器是否处于打开状态,那么在性能方面,更新状态的其中一个选项是否比另一个更理想？

选项1:

class Container extends Component {
    state = {
        show: false
    }

    show = () => this.setState({ show: true })

    hide = () => this.setState({ show: false })

    render() {
        <ExternalComponent
            show={this.show}
            hide={this.hide}
        />
    }
}

选项2:

class Container extends Component {
    state = {
        show: false
    }

    toggleVisibility = () => this.setState({ show: !this.state.show })

    render() {
        <ExternalComponent
            toggleVisibility={this.toggleVisibility}
        />
    }
}

选项3:

class Container extends Component {
    state = {
        show: false
    }

    setShow = (newVal) …

我正在构建一个前端包，它将导出 1 个 React 组件以供其他包导入和呈现。我正在尝试使用 webpack 来捆绑我的 React 组件，但是我似乎无法从捆绑包中导出我的组件。

我正在通过导入来测试包 dist/bundle直接导入故事书故事来渲染来。

这是我正在尝试做的一个天真的例子：

// index.js

import React from "react";

export const ComponentToExport = () => <h1>Hello World!</h1>;

// webpack.config.js

const path = require("path");

module.exports = {
  entry: "./app/index.js",

  output: {
    path: path.resolve(__dirname, "dist"),
    filename: "bundle.js",
    libraryTarget: "umd",
  },

  module: {
    rules: [
      {
        // transpile with babel
        test: /\.(js|jsx)?$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader",
          options: {
            presets: ["@babel/preset-env"],
          },
        },
      },
    ],
  },
};

然后我运行webpack --mode development它产生包， …