
reactjs
reactjs开发及使用人员的技术的问答
文章 28浏览 34在React中使用for循环和switch case来动态渲染不同的组件
UsingforloopsandswitchcasesinReacttodynamicallyrenderdifferentcomponents我正在尝试使用ReactJSX中的switchcase有条件地渲染组件。我正在尝试构建从特定json结构读取并呈现数据的东西。由于可能有许多不同的组件和数据,我试图动态呈现它。请参阅下面的代码,我没有收到任何错误,但组件没有被渲染。在我的html里面,我只…在客户端执行jsx转换
Performingjsxtransformsontheclient我正在构建一个允许用户构建和应用他们自己的组件和模板的应用程序。我想允许用户编辑jsx数据字符串,然后执行转换客户端以进行渲染。虽然浏览器中的转换对嵌入式脚本执行jsx转换,并且服务器上提供了react-tools,但我无法确定如何使转换功能对客户端可用。内联浏览器转换似乎没有提供任何访问方法,当我尝试在客户端上使用react-t…React 路由器私有路由未从状态获取道具(例如身份验证状态)
Reactrouterprivateroutenotgettingpropsfromstate(e.g.authenticationstate)我正在尝试实现一个私有路由组件来重定向未通过身份验证的用户。问题是当我渲染像<PrivateRouteauthenticated={this.state.isAuthenticated}path='/private'component={Panel}…NVDA 不会在单个网页上读取多个 aria-live 标签。
NVDAisn'treadingmultiplearia-livetagsonsinglewebpage.我在网页上使用了多个aria-live标签,当网页上显示错误时,NVDA只读取第一条错误消息,而不是全部。我有用户aria-live="assertive"也尝试过使用aria-live="polite"但无法正常工作,任何人都可以为它提供一些解决方案。以下是我的代码:<inputtyp…React-Native fetch,网络请求失败。不使用本地主机
React-Nativefetch,Networkrequestfailed.notusinglocalhost我有一个应用程序,我使用fetch来验证用户身份。它一直工作到几天前,我没有改变任何东西。刚刚从react0.27升级到0.28,notfetch不起作用。我已经搜索了将近2天,并且几乎阅读了stackoverflow中的所有问题。大多数用户试图从localhost获取某些内容,当他们将…在传递props的数据后,我无法访问json的第二级,在react js中
Ican'taccessthesecondlevelofajsonafterpassingthedataforprops,inreactjs我在saga中使用axios发出请求,我通过减少mapStateToProps在组件中收到该请求,如果我通过该组件中的数据,我可以访问任何级别,但如果我在道具上发送它,我只能访问json的第一级,在第二级我得到Cannotreadproperty\\'rout…有没有办法在反应功能组件中只进行一次 api 调用?
Isthereawaytodoanapicallonlyonceinreactfunctionalcomponent?对不起,如果这是一个初学者的问题>我正在尝试使用功能组件,因为我一直在使用类组件。我有一个简单的组件,它应该从服务器加载列表并显示它。组件看起来像这样(如果有类型,我简化了一点很抱歉):constItemRelationsList=(props:ItemRelationsLi…useEffect() React Hook Dependency Array lint 规则
useEffect()ReactHookDependencyArraylintrulelint规则强制我将\\'dispatch\\'也作为useEffect()的依赖项。(如果我不将调度添加为依赖项,它会引发警告"ReactHookuseEffect缺少依赖项:\\'dispatch\\'。要么包含它,要么删除依赖项数组。")是否可以将dispatch或任何其他函数列为依赖项?有没有更好的方法在…React: 在 jsx 中使用 css 样式面临的问题
React:facingissuesusingcssstylesinjsx我一直在尝试在我的React项目中使用外部CSS。我正在使用带有babel的webpack。我已经在我的项目中配置了css、js和jsx加载器。事实上,我的项目能够成功编译,但我无法在我的html上应用样式。这是我的style-header.css文件:.LogoMargin{margin-top:10px;margin-l…如何将 ReactJS 用作静态网站?
HowcanIuseReactJSasastaticwebsite?我想用React开发我的静态Web应用程序。我刚刚完成了井字游戏入门教程。无论如何,我可以将ReactJS直接"编译"(或任何术语)到我的HTML文件中吗?因此,要运行该ReactJS应用程序,我需要使用Yarn的服务器运行它。我不喜欢使用CDN,因为我想更新和管理依赖项。假设,对于我的起点,我想让官方React入门教程中的井字游…使用查询获取 JSON 并在我的 React 组件中使用
UsingquerygetJSONanduseitinmyReactcomponent我正在尝试通过我的React组件中的Jquery$.getJSON函数访问JSON数据,但我不断收到此错误:InvariantViolation:MinifiedReacterror#31;visithttp://facebook.github.io/react/docs/error-decoder.html?i…如何激活 react 路由并从 service worker 传递数据?
Howtoactivateareactrouteandpassdatafromtheserviceworker?我有一个SPAPWAReact应用程序。它在移动设备(AndroidChrome)上以独立模式安装和运行。假设该应用列出了人员,然后当您单击人员时,它会使用/person路线显示详细信息。现在,我正在从服务器发送推送通知,并在附加到应用程序的服务工作者中接收它们。通知是关于一个人的,我想…如何包含 Chrome 扩展内容脚本的样式?
HowcanIcontainthestylesofaChromeExtensioncontentscript?我正在开发一个将一些UI反应组件注入页面的Chrome扩展程序。UI组件来自react-mdl。使用它们需要我在项目顶部包含一个css文件。不幸的是,一旦将css注入页面,整个页面的字体就会改变。有没有办法限制react-mdl使用的css的范围,这样它就不会影响我要注入的页面?将这个作为…找不到模块”react-hover”的声明文件
Couldnotfindadeclarationfileformodule'react-hover'我从https://github.com/cht8687/react-hover为我的反应代码安装了\\'react-hover\\'库我使用了如下的导入语句:importReactHoverfrom'react-hover';然后我得到这个错误找不到模块\\'react-hover\\'的声明文件…如何让 useEffect() 像 componentDidMount() 一样工作?
HowtohaveuseEffect()actlikecomponentDidMount()?我正在使用一个功能组件,我需要能够使用componentDidMount()。网上发现通过reacthooks可以在功能组件中使用useEffect()作为componentDidMount()。但是,这并没有像我想象的那样工作。我在想在页面加载时这会触发,但事实并非如此。有谁知道如何让useEffect…