草庐IT

react-boilerplate

全部标签

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 - 来自 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

javascript - 我可以从相对路径提供 create-react-app Assets 吗

目前构建我的create-react-app构建生成对Assets的引用作为绝对路径,即:/static/js/main.12345.js我想从一个可变的子目录提供服务,它可以是:/pre-prod或/prod因此在package.json中设置“主页”将不起作用,因为主页依赖于运行时环境。我想像这样生成Assets引用:static/js/main.12345.js而且我更愿意在不弹出的情况下执行此操作。那可能吗?我查看了文档并用谷歌搜索等,但没有看到答案。 最佳答案 您是否尝试过将package.json中的"homepage"

javascript - React 功能组件在重新渲染时重新初始化局部函数和变量(React Hooks)

所以我现在开始使用Reacthooks。我已经尝试使用API一段时间了。我真的很喜欢将状态带入功能组件的想法。但是有一件事一直困扰着我,当我尝试使用它时,我的直觉感觉不对。我尝试在RFCs上发帖,但现在那里太拥挤了。一切似乎都消失了。这是我示例中的一段代码。importReact,{useState}from"react";functionCounter(){const[counterState,incrementCounterState]=useCommontState(0);functiondoSomething(){//doessomethingandthencallsincre

javascript - React 中的 "updating"是什么?

作为ReactDocumentation说:componentDidUpdate()isinvokedimmediatelyafterupdatingoccurs但我注意到即使浏览器DOM元素未更新,也会调用componentDidUpdate()。那么,React文档中发生更新是什么意思? 最佳答案 “更新”不仅仅是DOM更新,而是生命周期的一部分。当有新的props,状态更新和强制更新时发生您可以在这张取自DOCS的图表中看到这部分内容 关于javascript-React中的"up

javascript - 用于在 React Native metro bundler 中使用动态 yarn 工作空间路径将节点模块列入黑名单的正则表达式

类似于:Howtoblacklistspecificnode_modulesofmypackage'sdependenciesinreact-native'spackager?我正在尝试使用需要返回正则表达式的黑名单选项从metropackager中排除reactnative。我需要的是返回如下内容:/\/DYNAMIC_PROJECT_DIRECTORY\/node_modules\/react-native\/.*/,我可以在DYNAMIC_PROJECT_DIRECTORY中插入一个变量,因为它会根据其他模块的yarn工作区路径而改变。我只是不熟悉正则表达式!谢谢编辑:我尝试在路