-
0 votesanswersviews
TypeScript和React - 子类型?
我有一个非常简单的功能组件如下 import * as React from 'react'; export interface AuxProps { children: React.ReactNode } const aux = (props: AuxProps) => props.children; export default aux; 另一个组成部分 impo... -
0 votesanswersviews
如何迭代和呈现我的获取结果反应本机JSX
{ "status": true, "live_score_domestic": [ { "nTournamentID": "1", "cTournamentName": "sample tournament.", "... -
1 votesanswersviews
要呈现的React返回组件数组未正确嵌套
我的React组件渲染方法中有以下代码 render: function() { return ( <div> <div>div1</div> <div>div2</div> {this.getOtherDivs()} </div&... -
0 votesanswersviews
如何使用原生基础ui工具包显示具有不同颜色的列表中的所选项目?
我想以不同的背景颜色显示侧边栏内容 . 为此我尝试了 TouchableOpacity underlay . 但这不是我正在寻找的那个 . 在给出 TouchableOpacity 之后,它将改变文本的颜色而不是整个列表background.How我如何更改listitem背景颜色,因为我已经做了类似以下的事情 . 在 onPresList 中设置 pressStatus 为真如果是真的改变背景... -
0 votesanswersviews
通过重新格式化HTML元素上的右括号来阻止eslint和更漂亮
好的,这让我疯了!如何阻止eslint / prettier将DIV元素中的右括号移动到保存时的新行?我已经尝试了几乎所有的eslint规则,并且打开和关闭更漂亮 .我附上了截图,向社区展示了我的意思 . 因为它是代码格式化问题,所以stackoverflow要我正确格式化(这违背了目的) . 非常感谢!谢谢 . html_code_all_wonky -
4 votesanswersviews
如何将操作传递给redux中的组件
我想在我的组件中触发一个动作 . 这是一个演示组件,不需要知道redux . 路由器实现使用react-router-redux完成 . main.js: let store = createStore(rootReducer) const history = syncHistoryWithStore(hashHistory, store) class RenderClass extends ... -
2 votesanswersviews
运行react js示例Web应用程序时出现控制台错误
我是React js的新手,正在尝试一个非常简单的hello反应有点网络应用程序 . 但是在运行时,最终在控制台中出现以下错误 . Calling Element.createShadowRoot() for an element which already hosts a shadow root is deprecated. See https://www.chromestatus.com/fe... -
1 votesanswersviews
Flatlist React Native Router Flux:慢速导航过渡
我有一个包含800多个条目的数据源,我正在使用FlatList来渲染它 . 每个renderItem都会接收一个函数,以便在项目按下时导航到另一个屏幕 . 问题是屏幕之间的过渡非常缓慢 . 我注意到即使滚动工作很快,仍然会为DOM中的所有800个条目调用renderItem . 当最终渲染所有项目时,导航工作正常 . 我尝试过使用initialNumToRender,getItemLayout和w... -
0 votesanswersviews
React JSX:重新渲染父组件重新装入子组件是否正常?
在我的React App的根组件中,我有这个: class App extends Component { ... ComponentDidMount() { window.addEventListener('resize', this.handleResize, false); } handleResize{ this.parentSize = {height: wi... -
0 votesanswersviews
如何将反应状态存储到本地存储中?
我开始学习React并创建了一个todo应用程序,我想将任务状态存储到本地存储中 . 我怎样才能做到这一点?这是我的代码: Tasks.js import React, { Component } from 'react'; import AddTask from './AddTask'; import Task from './Task'; class Tasks extends Compon... -
1 votesanswersviews
initialValues没有以redux形式加载
我可能正在使用这个错误,但我正在尝试使用initialValues加载一个redux表单,但这不起作用 . 我有一个容器组件,它呈现一个表单: class ProductScreen extends Component { render() { return ( <ProductForm {...this.props} {...this.state} /> ... -
2 votesanswersviews
Microsoft的Monaco编辑器中的JSX支持
Monaco editor是否支持JSX语法高亮显示?我找不到任何与此相关的参考资料 . -
0 votesanswersviews
ReactJS:从API获取数据
我在使用简单的标准模板获取API数据的React应用程序中从API获取数据时遇到了困难 . 控制台日志返回的结果是空白数组 . import React, {Component} from 'react'; import './App.css'; import Chart from './components/chart' const API_URL = "http://ergast.... -
1 votesanswersviews
React native和redux持续不起作用
我正在使用redux-persist将数据存储在我的react-native应用程序中 . 这是代码: store.js import { createStore, compose, applyMiddleware } from 'redux'; import thunk from 'redux-thunk'; import { persistStore, persistCombineRed... -
1 votesanswersviews
Rollup和Post CSS - 自动添加前缀React className属性
我正在使用Rollup React Post CSS来构建组件库 . 我正在寻找一种自动修复类名的方法,这样它们就不会与使用库的项目中的样式冲突 . 我已经添加了这个插件来自动将'前缀'添加到CSS中的每个类名: Post CSS Prefixer 但是,这不会修改JavaScript(JSX),因此React组件仍然使用未命名的类作为className属性 . 有没有办法使用Rollup自动修改... -
1 votesanswersviews
使用React.createElement时出错
我正在使用reactJS,以下文件是客户端代码,我后来使用browserify捆绑 .我能够创建复选框输入等元素,但我在为路由器创建元素时遇到问题 .还行吧 - React.createElement('input', { ref: 'done', type: 'checkbox', defaultChecked: this.state.done, onChange: this.onChange ... -
7 votesanswersviews
ImageBackground ResizeMode
我最近更新了React-native,它引入了一个警告,其代码如下: <Image source={require('../../assets/icons/heart.png')} style={{ resizeMode: 'contain', height: 25, width: 25 }} >... -
1 votesanswersviews
为jsx文件做出反应js webpack捆绑错误
我目前正在做一个小应用程序 . 我正在使用Webpack捆绑我的文件,当我尝试在命令行中执行webpack时,我在下面收到此错误,但是,如果条目扩展名为“./public/app.js”,它可以正常工作 . 我不明白我做错了什么 . 我确实看过其他一些帖子,但与我的问题不同 . 如果有任何感谢,我将非常感谢您的帮助 . ./public/app.jsx中的错误模块构建失败:ReferenceErr... -
0 votesanswersviews
redux表单更新状态和检索
我有2个redux表单组件,第一个是 LoginFormComponent ,这是一个表单名为' submitValidation '的redux-form LoginFormComponent = reduxForm({ form: 'submitValidation' })(LoginFormComponent) 这个表单组件有如下输入字段: - <Field name="... -
0 votesanswersviews
无法在react-native中解析模块
Problem :每当我尝试导入.js或任何图像文件时,我都会得到这个 无法解决模块错误 我检查过文件的路径是否正确 . Path : App.js : import React, { Component } from "react"; import { Container, Header, Button, Icon, Item, Input, ... -
2 votesanswersviews
React- mapStateToProps函数在我的todo应用程序中被调用
这是我在redux的第二天该应用程序的基本结构是 App -TodoForm -TodoList --TodoListItem reducer函数被调用但它不调用mapStateToProps . 我试过控制台日志我已经使用了react-hot-boilerplate请告诉我为什么没有调用mapStateToProps函数 . https://github.com/rickieanand/red... -
0 votesanswersviews
ReactJS Redux Reduc-thunk无法发送承诺
当我尝试用redux发送一个承诺时,我有这个消息,我会看到我错了 未捕获错误:操作必须是普通对象 . 使用自定义中间件进行异步操作 . 1)这里是我的createStore import { createStore, applyMiddleware, compose } from 'redux' import thunk from 'redux-thunk' import createLogg... -
2 votesanswersviews
导入时使用大写名称时反应Jest测试错误
开玩笑版本:16.0.1 有人可以告诉我为什么当我将导入名称从 myComp 更改为 MyComp 时,此Jest测试会抛出错误 Home.test.js import renderer from 'react-test-renderer'; import { Home } from './Home.js'; import React from 'react'; describe('Link',... -
0 votesanswersviews
对redux的JEST测试没有按预期工作
我在redux中有一个代码,我导出为 export default connect(mapStateToLinkProps, mapDispatchToLinkProps)(Link); 在jest测试用例中,我编写了测试此导出组件的文章 //imported the above component as Link describe('Dashboard component testing', ... -
9 votesanswersviews
反应路由器4和酶
我已经切换到路由器v4的反应,很少有测试需要重新实现 . 我有以下场景: 安装组件(检查是否已调用methodA) 用酶包装方法改变道具:setProps 检查方法是否已被调用两次 对于旧的路由器来说这很容易..但是新的路由器很难: 如果组件(或子组件)包含例如 Link ,则意味着我们必须提供适当的contxt来呈现组件 . 这就是为什么 MemoryRouter 已被创建: c... -
1 votesanswersviews
FlatList反应原生
我有一个FlatList的问题,我无法滚动我的列表......这是块,我的列表足够滚动 const tab_ad = [ {"id": 0, "Price": 100000, "key": 0}, {"id": 1, "Price": 100000, "key":... -
2 votesanswersviews
React Native Flatlist重新渲染非常慢
我有250个产品清单 . 页面加载时第一次是平滑而快速的,但是当我在数据中应用过滤器并重新渲染时,Flatlist需要很长时间才能加载 . 我现在真的被打了3天,不知道该怎么办 . 参考:http://gph.is/2FoBbaO 请注意我点击开关后所花费的时间 . 代码:有2个组件 . 列表: toggleVeg = (onlyVeg) => { this.setState({... -
0 votesanswersviews
React-vis本地CSV:创建数据可视化时出错
我在使用React-vis生成带有本地CSV文件的图表时遇到问题 . 该应用程序是使用'create-react-app'生成的 . 使用d3模块解析的本地CSV文件 . data/test.csv 'title', 'A', 'B' 'E01', 1, 0 'E02', 5, 0 'E03', 10, 2 App.js import React, {Component} from ... -
0 votesanswersviews
React Native中相邻的JSX - 错误
我在我的 React Native 代码中有这个,我试图解析一些API数据 . {this.state.articles.map(article => ( <Image style={{width: 50, height: 50}} source={{uri: article.urlToImage}} /> <Text style... -
1 votesanswersviews
在JSX和React Native中使用符号
我想在我的React Native项目中使用this symbol . 我尝试使用这样的Unicode编码: var arrow = "U+0279C"; 在JSX中: <Text> {arrow} </Text> 但是,这只是按字面意思显示编码: U+0279C . 所以任何想法如何在JSX中使用符号?