草庐IT

react-native-share

全部标签

javascript - React Redux - 在辅助函数中访问现有商店

我试图在React组件之外获取商店实例(商店状态),即在单独的辅助函数中。我有我的reducer,我的Action,我在最上面的组件中创建了一个商店。//configStore.jsimport{createStore}from'redux';importgeneralReducersfrom'../reducers/generalReducers';exportdefaultfunctionconfigStore(initialState){returncreateStore(generalReducers,initialState);}//index.jsimport{Provid

javascript - 无法读取未定义的属性 'create' -- react 日期错误

从“react-dates”库添加SingleDatePicker时,出现此错误。尝试了一切,但找不到错误。该代码仅用于显示日历并显示用户选择的日期。请帮忙!这是代码:importReactfrom'react';importmomentfrom'moment';import{SingleDatePicker}from'react-dates';import'react-dates/lib/css/_datepicker.css';exportdefaultclassExpenseFormextendsReact.Component{state={createdAt:moment(),

javascript - 如何在点击 react 时为唯一的一个元素切换类

我正在尝试在React中制作一组翻转的卡片。你可以在下面看到我的代码。当我点击卡片时,它们都会翻转,但我的目标是只翻转我点击的那些。我该怎么做?这是我的卡片组件:importReactfrom'react';exportdefaultclassCardextendsReact.Component{render(){letclassName=this.props.condition?'card-componentflipped':'card-component';return();}}这是我的Deck组件:importReactfrom'react';importCardfrom'./C

javascript - 在 React 中使用 Buttons 触发 react-table 上的过滤功能

我不知道怎么说。我正在学习React,我通过获取将数据加载到React-Table中。我尝试使用React-Table并仅自定义普通div和表格。我想创建一个A、B、C、D...Z字母表的触摸按钮。这些按钮应该为按钮中的字母调用过滤器。因此,例如按钮如下。//InDirectory.jsclassFilterButtonsextendsReact.Component{alphaFilter(e){console.log(e.target.id);//somehowfilterthereacttable}render(){return(ABC);}}constBottomMenu=pro

javascript - 警告 : React. createElement : type is invalid -- bundle. js

我正在学习ReactJS的教程,一切都很好,几天来我可以运行一个示例,简单,执行推荐的基本配置,加上我添加的一些附加组件以识别Javascript版本.经过几天不再审查项目,但它运行正常,执行命令时,我没有看到任何错误,但在浏览器中没有显示任何内容,仅在控制台中出现多个错误一个。reac和react-dom卸载重装,问题依旧,尝试从friendclone一个新项目,正常,只是复制了我的相同结构。问题Warning:React.createElement:typeisinvalid--expectedastring(forbuilt-incomponents)oraclass/funct

javascript - React 16.3 Context API——提供者/消费者问题

我一直在React16.3.1ContextAPI上做一些实验。我遇到了一些我无法理解的事情。我希望我能得到你的帮助。注意:问题已经解决,但不是我要找的解决方案。让我们首先对同一文件Index.js中的多个组件进行实验。importReact,{Component,createContext}from'react';const{Provider,Consumer}=createContext();classAppProviderextendsComponent{state={name:'Superman',age:100};render(){constincreaseAge=()=>{

javascript - 升级到 React Native 0.55.4 后,isMounted() 警告不断出现

我在升级到最新的ReactNative版本0.55.4后看到isMounted()警告。 最佳答案 将以下代码添加到您的根index.js文件中。import{YellowBox}from'react-native';YellowBox.ignoreWarnings(['Warning:isMounted(...)isdeprecated','ModuleRCTImageLoader']); 关于javascript-升级到ReactNative0.55.4后,isMounted()警告

javascript - Vue v-on :click. native 在 JSX 中?

如何在JSX中编写vue语法v-on:click.native?例如v-on:click在JSX中是onClick。 最佳答案 答案在babel-plugin-transform-vue-jsx的文档中它是nativeOnClick: 关于javascript-Vuev-on:click.native在JSX中?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/51198226/

javascript - 来自 React Material UI MenuItem 单击事件的 setState

我正在尝试使用MaterialUI根据下拉选择更改状态。问题是下面的代码(精简)返回列表项,所以我不知道下一步该做什么。从handleClose方法中的console.log(event.target)返回精简组件:事件从API调用中获取。感谢您的任何想法。importReact,{Component}from"react";importButtonfrom"@material-ui/core/Button";importMenufrom"@material-ui/core/Menu";importMenuItemfrom"@material-ui/core/MenuItem";cla

javascript - create-react-app 正在显示我所有的生产代码,如何隐藏它?

在我的chrome源选项卡中,我可以通过确切的文件夹位置查看我的所有文件。我怎样才能隐藏它们?在我之前的项目中没有这些问题,它是在没有使用create-react-app的情况下制作的。 最佳答案 根据Issue#1632,这似乎是create-react-app中的正确行为.Gaeron:Thisisexpected.Youcandelete.mapfilesfromthebuildoutputifyouwanttodisableit,althoughyou'llgetconsolewarningsaboutthemmissing