Tag: reactjs

app和autoUpdater在reactjs中不可用，但在nodejs中可用: 我被一个电子问题困住了。或者反应，我不知道。我试图创build一个React.Component使用它与electron.autoUpdater。我在用着 import {app, autoUpdater, dialog} from 'electron'; 在反应组件中，但这些类别都不可用。在使用require（'electron'）（这是正常的，ok）时，它们在nodejs中可用，但在reactjs中不可用。但其余的组件在那里！有什么我应该包括或需要知道吗？在nodejs中，可用的模块是： { clipboard: [Getter], crashReporter: [Getter], nativeImage: [Getter], shell: [Getter], app: [Getter], autoUpdater: [Getter], BrowserView: [Getter], BrowserWindow: [Getter], contentTracing: [Getter], dialog: [Getter], globalShortcut: [Getter], ipcMain: [Getter], Menu: [Getter], MenuItem: [Getter], net: [Getter], Notification: [Getter], powerMonitor: [Getter], powerSaveBlocker: [Getter], protocol: [Getter], screen: […]

如何使用recursion函数调用，哪个返回一些数组？: 我有一个列表（树结构）。节点（ list item ）可以有任意数量的嵌套子元素。我必须根据给定的inputsearch一个节点（ item ）。结果应显示search到的节点（ item ）及其子项。下面是代码。 import React from 'react'; import axios from 'axios'; let gTree = []; class TreeView extends React.Component { constructor(){ super(); this.printChild = this.printChild.bind(this); this.recursiveSearch = this.recursiveSearch.bind(this); this.noResultFound = this.noResultFound.bind(this); this.processPattern = this.processPattern.bind(this); var userTreeViewList = { tree: [ { "node": { "id": […]

在popup / webview中打开第三方url的最佳方法是使用反应js来跟踪相同的url: 伙计们，需要围绕Reactjs提出一些想法和想法。议程是在popup窗口或iframe中启动URL，并在popup窗口中向前移动时跟踪URL。我已经实现了React Poput，但无法跟踪窗口URL。 popup中的url应该是第三方应用程序。码： <Popout url='/hiddenFormSubmit' ref={popoutRef => this.popoutRef = popoutRef} containerId='hiddenContainer' options={{height:'650px'}} title='Window title' onClosing={this.popoutClosed}> </Popout> function： constructor(props){ super(props); this.state = { isPoppedOut: false }; popout() { console.log(" Popout URL::"); this.setState({isPoppedOut: true }); } popoutClosed() { this.setState({isPoppedOut: false}); } 我的隐藏表单组件在popup窗口中打开 import React, { Component } from 'react'; import classnames from 'classnames'; export […]

与express.js路由设置反应的应用程序: 我正在使用angular.js，我在express.js中这样做 app.get("*", function (req, res) { res.redirect('/#' + req.originalUrl) }) 这样浏览器将会使用angular度而不是快速的路由。但如何与反应路由器做到这一点？我有2个文件夹，命名服务器和客户端，服务器文件夹有快递和API逻辑，而客户端文件夹只是一个反应的应用程序。

创build反应应用程序有错误的“你需要启用JavaScript来运行这个应用程序”。: 我用我的api express，我有一个名为app的文件夹，和另一个名为server的文件夹。应用程序是客户端应用程序，使用create-react-app作为样板，而服务器是express.js应用程序的API。在我的服务器的app.js中 app.get("*", function (req, res) { res.sendFile(path.resolve(__dirname, '../app/build/index.html')); }) 然后我调用任何API端点我You need to enable JavaScript to run this app. 在回应中，我很困惑，怎么了？

在WordPress插件中使用Reactjs + webpack的最佳方式是什么？: 推荐使用React的方法是在构buildstream水线中使用它，包括一个包pipe理器，一个打包器和一个编译器，正如官方文档中所build议的那样。有没有可能在WordPress插件中做到这一点？如果是的话，那么最好的方法是什么？

警告：失败的道具types：道具`todos .title`在`TodoList`中被标记为必需的，但是它的值是'undefined`: 我想添加标题到我的服务器，如图所示在这里input图像描述它确定的价值，但它不与标题，标题是在我的数组，因为你可以在图片中，但它仍然来这个错误，道具是在其他JS文件中定义的，在这里的任何帮助 import React from 'react'; import todoInputProps from './TodoInput.props'; const TodoInput = (props) => { let input; const handleClick = () => { props.onAdd(input.value, input.title); input.title = ''; input.value = ''; input.focus(); }; return ( <div> <input type="text" ref={(currentElement) => { input = currentElement; }} placeholder="title" /> <input type="text" ref={(currentElement) => { input = […]

反应：如何pipe理多种inputtypes的状态: 在页面上显示网球选手详细信息的POC中，可以显示“n”个选手。用户可以同时更新所有玩家的信息。书面3个组件PlayersPage，PlayerTable和PlayerRow。当玩家信息在PlayerRow中更新时，我对如何更新PlayersPage中的状态（playerData）感到困惑。任何指针/链接将有所帮助。以下是代码： class PlayersPage extends React.Component { constructor(props) { super(props); this.state = { playerData: [ { "dataKey": "300", "playerFirstName": "Roger", "playerLastName": "Federer", "playerRanking": "1" }, { "dataKey": "301", "playerFirstName": "Rafael", "playerLastName": "Nadal" "playerRanking": "2" } ] }; } render() { return ( <div className="container"> <PlayerTable tableData={this.state.playerData} />; </div> ); } } […]

在Javascript中冻结库外部的stringvariables的值: 我正在使用一个npm包，我想通过设置一个stringvariables来定制它的行为，在npm包的文件中以“use strict”模式声明为一个string。我想知道是否可以将stringvariables的值冻结在库的范围之外，以便它不会使用包中的variables定义而不会引发错误。我的目标是实现定制，而无需更改库文件并将其提交给svn，这将是完全错误的。我想做这个：在index.js中： const REQUIRED_FIELD_SYMBOL = ""; 如果这是一个const ，我会因为重新声明而出错。在Field.js （一个库的文件）中： "use strict"; var REQUIRED_FIELD_SYMBOL = "*"; 我希望它被遮蔽。

如何从快递app.js加载反应组件？: 我只是在我的应用程序中包含快速会话。我在我的server.js中设置req.session.user = user。我也发送到我的/欢迎路线，代表我的主页。我正在使用反应路由器在用户导航时在客户端显示我的组件。但是，在实现快速会话之后，我想要expression/欢迎路由，以便通过req.session.user对象加载我的WelcomeUser组件，并提供有关可用用户的信息。我的主要动机是发送快速req.session.user到WelcomeUser组件，所以我可以为我的用户创build一个configuration文件页面。我正在寻找解决scheme，我发现使用fetchAPI从快速路线获取数据。解决方法是在我的server.js中使用不同的路由，例如/ getsession，并从componentDidMount生命周期方法中的URL中获取会话，但是我不知道这是否是最佳方式。以下是我的代码的相关部分。这是类似于我用来显示我的组件的反应路由器路由的高速路由。换句话说，在我的react路由器中的/ welcome路由器调用callback（null，WelcomeUser）来显示组件。 app.get('/welcome', function (req, res, next) { if(!req.session.user){ res.status(401).send(); }else{ console.log("********THIS IS THE USER SESSION******* : "+ req.session.user); // res.status(200).send( "We are here" ); res.status(200).render( './WelcomeUser.js' ); } }); 以下是我的反应路由器： component: Base, childRoutes: [ { path: '/', component: HomePage }, { […]