草庐IT

react组件实例属性state

全部标签

javascript - 如何防止 React Native 中的多个警报?

有没有办法在发送另一个Alert.alert()之前判断屏幕上是否已经有Alert.alert()?我有这个功能:CheckInternet(){if(this.props.json.undefined){Alert.alert("Checkyourinternetconnection");}}ComponentDidUpdate(){this.CheckInternet();}问题是我在那个函数中还有其他事情要做,我只是写了相关的代码,所以我不能在ComponentDidUpdate之外使用CheckInternet函数。问题是组件在获取json后更新了两次,因此发送了两次警报。我想

javascript - 获取 JSON 并遍历 react-native 中的值

我是ReactNative的新手,我试图简单地遍历一个示例json文件,但收到错误undefinedisnotafunction(evaluating'this.state.results.map')我最初将状态设置为一个对象,所以不确定为什么会收到此错误。这是JS:importReact,{Component}from'react';import{AppRegistry,ListView,Text,View,StyleSheet,TouchableHighlight}from'react-native';varREQUEST_URL='https://facebook.github.

javascript - 尝试登录时出现 React-native、Firebase 网络错误

我遵循了使用Firebase的React-native登录教程,我使用create-react-native-app为了方便开发(我的package.json),我使用的是NodeJSv6.10.1,我使用的是Note4Device(4.4.4),我启用了Email/Password在Firebase控制台中进行身份验证,出于某种原因我得到:{code:"auth/network-request-failed",message:"Anetworkerror(suchastimeout,interruptedconnectionorunreachablehost)hasoccurred.

javascript - react-i18next: 在文本中间插入 HTML 标签中的链接

我正在使用react,i18next和react-i18next.我想在文本中间有一些带有HTML链接的可翻译文本,这些文本是在react中插入的,如下所示:Thisismytextwithabeautifullinkinthemiddleofthetext下面的解决方案有效,但问题是我需要在react中插入链接,因此它不能在标签文件中进行硬编码:"my-label":"Thisismytextwithabeautifullinkinthemiddleofthetext"[...]看起来这样好多了:"my-label":"Thisismytextwith{{link}}inthemid

javascript - 文本编辑器的 Redux 架构 : dealing with coupled state

我正在使用React/Redux构建一个在某些方面类似于文本编辑器的应用程序。它不完全是一个文本编辑器,但它是相同的通用范例。有一个用于放置新项目的光标。可以添加、选择、删除项目等。我正在努力寻找一种符合redux精神的最佳方式来构建我的reducer。我有单独的状态切片来表示选择状态、文本本身、光标状态和其他设置。我认为“redux”方法是为每个状态切片设置缩减器,独立地改变状态以响应Action。然而,在文本编辑器中,这些状态片比乍看之下更加耦合。当你按下一个键时,有时会在光标所在的位置添加一个字母,并且光标会向前移动。但是,如果选择了文本,则将首先删除所选文本。如果您处于“插入”

javascript - 使用渲染功能时 Vue 组件不显示子文本节点

我正在尝试用Vue2做一个可编辑的组件。它应该在任何标签中使用contenteditable属性,替换普通输入。我想给它一个占位符功能,以便在用户没有提供任何值时显示一个值,但我似乎无法让它工作。我正在观察组件的当前值,并在不存在用户内容时将data.isEmpty设置为true。该组件随后应显示占位符值,但目前它什么都不显示。如果我console.logrender方法的结果,它将显示占位符子节点已正确实例化,但由于某些原因它不会显示在最终的HTML上。这是一个JSFiddle:https://jsfiddle.net/dy27fa8t/对于那些喜欢它的人来说,还有一个嵌入的片段:V

javascript - React 中的构造方法

我已阅读ReactDocs关于构造函数方法及其在设置状态和绑定(bind)函数方面的用途,但在大多数情况下真的有必要吗?做和做有什么区别exportdefaultclassMyClassextendsComponent{constructor(props){super(props);this.state={foo:'bar',};this.member='member';this.someFunction=this.anotherFunction(num);}anotherFunction=(num)=>num*2;render(){//renderjsxhere}}然后简单地将所有这

javascript - 对象不支持属性或方法 'assign'

我设置webpack+babel配置webpack.config.js...module:{rules:[{test:/\.(js|jsx)$/,exclude:/node_modules/,loader:'babel-loader'},....babelrc{"plugins":["lodash","transform-object-rest-spread"],"presets":[["env",{"targets":[">4%","ie11","safari8"]}],"react","react-optimize"],"env":{"test":{"presets":["es20

javascript - 在 React 中的现有状态转换错误期间无法更新

在我的渲染return()中,我有这些:Today这是什么函数:selectTimeframe(timeframe){//this.setState({timeframe});}^我现在必须注释掉setState否则我会收到我在上面发布的错误并且应用程序中断。我的构造函数中有这个:this.selectTimeframe=this.selectTimeframe.bind(this);我找到了这个answerhere,但这没有意义,我应该如何传递变量?或者他是说每个独特的按钮都需要独特的功能?至于避免在渲染内部调用它?完整代码importReactfrom'react';exportc

javascript - react 导入根路径助手

在react中因为我必须导入不同的助手或组件我遇到了这个问题importapproxPerDayfrom'../../../utils/approxPerDay.js'importotherstufffrom'../components/otherstuff'在另一个文件中它可能是importapproxPerDayfrom'../utils/approxPerDay.js'找到相对路径真的很费时间。有没有npm或helper可以解决这个问题? 最佳答案 我遇到了类似的问题。我终于按照这篇文章解决了它:https://medium.