小编Wal*_*ari的帖子

console.ignoredYellowBox如何知道要使用的前缀?

我有一个一般性问题和两个更具体的问题.

  1. 如何从黄色框警告消息中告诉我如何在React-Native中忽略它?
  2. 如何忽略此特定警告?

在此输入图像描述 3.我如何忽略这一具体警告?

在此输入图像描述

所有关于忽略特定警告的React-Native文档都说:

"通过使用console.disableYellowBox = true;可以在开发期间禁用YellowBoxes.通过设置应忽略的前缀数组,可以以编程方式忽略特定警告:console.ignoredYellowBox = ['Warning:...'] ;."

所以React-Native提供了这段代码,但我不知道如何指定警告的名称:

console.ignoredYellowBox = ['Warning: ReactNative.createElement'];
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-native react-native-android react-native-ios

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

React Native 调试器状态未定义

我正在尝试为我的项目使用远程 React Native 调试器。我已经在我的 Mac 上安装了 React-Native-Debugger,并使用$ brew update && brew cask install react-native-debugger. 然后我添加了 Remote-redux-devtools 包npm install --save-dev remote-redux-devtools

我的 createStore 代码看起来像这个 atm。

import { createStore, applyMiddleware } from 'redux'
import { composeWithDevTools } from 'remote-redux-devtools'
import thunk from 'redux-thunk'
/* some other imports */

const composeEnhancers = composeWithDevTools({ realtime: true, port: 8000 })
export default createStore(rootReducer, composeEnhancers(
  applyMiddleware(thunk.withExtraArgument(api), logger, firebaseSave)
))
Run Code Online (Sandbox Code Playgroud)

控制台输出工作正常,但它没有接收到操作或 redux 状态。我是不是少了一步?为什么它不支持 redux?

https://github.com/zalmoxisus/remote-redux-devtools

https://github.com/jhen0409/react-native-debugger

javascript macos ios reactjs react-native

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

从命令行设置 HTML 格式

是否可以使用工具自动格式化 HTML,类似于 ESLint 格式化 JavaScript 的方式?
为什么似乎没有很多可定制的选项可以集成到开发流程中?

我希望使用从终端运行的命令自动按以下方式格式化 HTML:

<input
  class="input-style"
  placeholder="Replace me!"
/>
Run Code Online (Sandbox Code Playgroud)

例如,我可以npm run html-lint并且它会修复 HTML 文件中的语法,并警告它无法修复的情况。

html autoformatting

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

反向迭代ConcurrentSkipListMap

我有一个带有一些值的地图.

public ConcurrentMap<Long, Double> data = new ConcurrentSkipListMap<>();
Run Code Online (Sandbox Code Playgroud)

我该如何反向迭代?Java迭代器似乎没有next()函数或反转映射的函数.

java iterator

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

在键盘识别滚动视图中的textInput之后按React-Native按钮

我有一个问题,我有一个的TextInput按钮KeyboardAwareScrollView.我希望用户输入一些文本,然后按下使用TouchableOpacity创建按钮.这将向前发送用户刚输入的文本.

问题是输入文本后,首先尝试TextInput只会失去焦点.只有在下次记者尝试是butto n实际压.如何在第一次按下时按钮有效?

我正在使用这个包https://github.com/APSL/react-native-keyboard-aware-scroll-view

我的代码如下:

import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view'

export default class App extends Component<{}> {
  render() {
    return (
      <KeyboardAwareScrollView>
        <TextInput
          style={{ width: 100, height: 50, backgroundColor: 'blue' }}
        />
        <TouchableOpacity 
          style={{ backgroundColor: 'red', width: 50, height: 50 }}
        />
      </KeyboardAwareScrollView>
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

javascript android ios reactjs react-native

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

用链式方法缩进

如何将eslint配置为:

Promise.all(promises)
.then(() => {
  myExampleFunction()
})
Run Code Online (Sandbox Code Playgroud)

代替:

Promise.all(promises)
    .then(() => {
      myExampleFunction()
    })
Run Code Online (Sandbox Code Playgroud)

我们正在使用以下eslint软件包:

"eslint": "4.12.0",
"eslint-plugin-promise": "3.6.0",
"eslint-plugin-react": "7.5.1",
"eslint-plugin-react-native": "3.2.0",
Run Code Online (Sandbox Code Playgroud)

javascript chained reactjs eslint react-native

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

使用参数进行路由不起作用

我在这里按照教程进行操作,并且遇到了参数路由问题.

示例应用程序没有在我的本地使用上运行,因此我将其更改为使用本地数据.但是,当我点击发票列表中的元素时,我收到错误"未捕获错误:无效值"发票/ 1"用于段"{invoicePath}"".它应该打开一个新的详细信息页面并显示产品名称和数量.

这是我的路由清单:

"routing": {
      "config": {
        "routerClass": "sap.m.routing.Router",
        "viewType": "XML",
        "viewPath": "sap.ui.demo.wt.view",
        "controlId": "app",
        "controlAggregation": "pages"
      },
      "routes": [
        {
          "pattern": "",
          "name": "overview",
          "target": "overview"
        },
        {
          "pattern": "detail/{invoicePath}",
          "name": "detail",
          "target": "detail"
        }
      ],
      "targets": {
        "overview": {
          "viewName": "Overview"
        },
        "detail": {
          "viewName": "Detail"
        }
      }
    }
Run Code Online (Sandbox Code Playgroud)

Invoices.json示例数据:

{
  "Invoices": [
    {
      "ProductName": "Pineapple",
      "Quantity": 21,
      "ExtendedPrice": 87.2000,
      "ShipperName": "Fun Inc.",
      "ShippedDate": "2015-04-01T00:00:00",
      "Status": "A"
    }
  ]
}
Run Code Online (Sandbox Code Playgroud)

InvoiceList.controller.js.我填写发票列表并调用视图更改的位置.

sap.ui.define([
    "sap/ui/core/mvc/Controller",
    "sap/ui/model/json/JSONModel",
    "sap/ui/demo/wt/model/formatter", …
Run Code Online (Sandbox Code Playgroud)

sapui5

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

this.forceUpdate 会重新渲染所有孩子吗?

文档中有以下关于 forceUpdate 的说明:

调用 forceUpdate() 将导致在组件上调用 render(),跳过 shouldComponentUpdate()。这将触发子组件的正常生命周期方法,包括每个子组件的 shouldComponentUpdate() 方法。如果标记发生变化,React 仍然只会更新 DOM。

https://reactjs.org/docs/react-component.html#forceupdate

这是否意味着组件的子组件也调用了它们的渲染函数?

javascript reactjs react-native

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

拆分字符串并使用以下文本保持分离器

我有一长串文本,我希望通过字符串"#","##"和"###"拆分成一个数组.

我可以这样做:

const text = "### foo ## foo # foo ### foo ## foo ### foo ### foo ### foo"

text.split(/#{1,3}/g)
Run Code Online (Sandbox Code Playgroud)

输出:

 [ '',
          ' foo ',
          ' foo ',
          ' foo ',
          ' foo ',
          ' foo ',
          ' foo ',
          ' foo ',
          ' foo' ]
Run Code Online (Sandbox Code Playgroud)

然而,这删除了我仍然需要的主题标签.我也可以保留主题标签,但它们只是作为元素添加到数组中,这也是不可取的.

text.split(/(#{1,3})/g)
Run Code Online (Sandbox Code Playgroud)

输出:

[ '',   '###',   ' foo ',   '##',   ' foo ',   '#',   ' foo ', '###',   ' foo ',   '##',   ' foo ',   '###',   ' foo ',   '###',   ' …
Run Code Online (Sandbox Code Playgroud)

javascript regex arrays split

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