2回答
我想知道我是否可以在react中做到这一点，我想从JS文件中调用react组件的函数或方法，这样我就可以更改该组件的状态。
例如，我有以下三个文件
第一个App.js
import React,{Component} from 'react';
import Login from './Login';
class App extends Component{
constructor(){
super();
this.state = {session:false}
}
changeStateSession
浏览 3提问于2018-03-07得票数 1
我跟随这个将我的react应用程序捆绑成一个js文件，它可以作为一个小部件嵌入到任何网站中。
下面是我的package.json文件的编辑版本，展示了构建脚本
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject
浏览 5提问于2022-06-02得票数 1
我使用React.js，我想通过使用React.js的ruby来进行服务器端呈现。
我使用它，但出现了一个问题。
没有呈现子组件。
例如
单组分
//javascript
class Hoge extends React.Component{
render(){
return(
<div>component</div>
)
}
}
//html
<%= react_component('Hoge', {}, {prerender: true}) %>
没问题的。它被渲染了。
组件包括子组件。(相同的文件)
浏览 3提问于2016-11-18得票数 1
import {useEffect, useState} from 'react';
require('react-dom');
window.React2 = require('react');
console.log(window.React1 === window.React2); //This is returning true;
const Crypto = () => {
const [coins, setCoins] = useState(true);
return (
<div&
浏览 35提问于2021-07-15得票数 0
考虑React应用程序中的根index.js文件，该应用程序执行以下操作：
console.log("INDEX.JS")
import React from 'react';
import { render } from 'react-dom';
import { BrowserRouter as Router } from 'react-router-dom';
import { Provider } from 'react-redux';
//Internal Dependencies
import Auth
浏览 0提问于2019-10-29得票数 1
回答已采纳
下面的html & js有什么问题，我不能使用钩子！这是我的项目中唯一的文件(没有其他文件或包管理器) <html>
<body>
<div id="root"></div>
<script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin ></script>
<script src="https://unpkg.com/react-dom@17/umd
浏览 8提问于2020-11-23得票数 1
回答已采纳
1回答
我使用Django templating engine构建了一个主页，在一个页面上是我编写的一个js应用程序。现在，我使用了React和Django-rest-framework的前端<->后端体系结构。
我在Django中拥有的应用程序被用作一个带有js部分的.html标记的<script>文件。现在我转移到了React，我通过React组件和React头盔为html元素提供服务，我为这个特定的页面添加了<script>标记。实际的.js文件驻留在react的/public文件夹中。
我想我可以用这种方式复制旧结构。但是现在我得到了.js文件无法从第一个外
浏览 3提问于2022-01-14得票数 0
我是第一次使用Wordpress root主题，也是第一次使用bower。我想在我的主题中包含react js，只是想知道应该采取什么正确的步骤。
我运行了"bower install --save react"...
所以我现在有了"react“文件夹，位于”/wp-content/themes/mytheme/bower_component“。
我需要它来加载2个文件：
"/wp-content/themes/mytheme/bower_components/react/react.min.js“
"/wp-content/themes/mythe
浏览 0提问于2015-07-28得票数 1
1回答
组件使用的手动模拟模块
、、、、
我有几个组件可以使用单个钩子useParams。jest文档建议使用jest.mock复制这个钩子。正如您可以想象的那样，在多个文件的空间上编写这个模拟程序可能会很烦人，因此，我正试图使用手动模拟。Jest docs建议我创建一个与我将要模拟的文件相邻的__mocks__目录--本例中的文件是react-router-dom.js in node_modules。我遵循了文档的指示，但是我的测试仍然失败，因为它们在任何地方都找不到定义的useParams。举个例子：
src/components/compOne.js：
import React from 'react'
imp
浏览 3提问于2020-06-19得票数 0
回答已采纳
我尝试做一个登录page.After登录，数据是从mongodb.After获得的--我把我的凭证输入到登录页面，它应该将我引导到主页，但是它却给了我这个错误。
，这是我在浏览器中遇到的错误。
POST http://localhost:5000/api/auth/login 404 (Not Found)
dispatchXhrRequest @ xhr.js:210
xhrAdapter @ xhr.js:15
dispatchRequest @ dispatchRequest.js:58
request @ Axios.js:108
Axios.<computed> @ A
浏览 2提问于2022-01-15得票数 0
回答已采纳
假设我在One.js中有一个名为SignIn()的react纯函数： import React from 'react';
import PropTypes from 'prop-types';
import {connect} from 'react-redux';
import {GoogleSignin, statusCodes} from '@react-native-community/google-signin';
import {getToken, saveToken} from '../actions/t
浏览 34提问于2020-04-03得票数 0
以下是主要的game.js和app.js文件：
//Heres the game file//
import React, { Component } from "react";
class Game extends Component {
constructor(props) {
super(props);
this.state = { num: 0 };
this.numPicker = this.numPicker.bind(this);
}
numPicker(e) {
let rand = Math.floor(Ma
浏览 6提问于2019-10-24得票数 2
回答已采纳
我正在开发一个web应用程序，其中我需要在React JS中做某些事情。我会得到某些数据在脚本标签添加到html文件中。我需要在html的脚本标签中调用一个react js函数。我该怎么做呢。
<html>
<script>
callReactFunction();
</script>
</html>
在React JS中，
class Example {
function callReactFunction() {
alert('sample');
}
}
但这是行不
浏览 0提问于2018-08-17得票数 1
这是我的sorting.js文件，我正在尝试从App.js的onClick按钮侦听器访问该文件的resetArray。但却做不到。请帮帮忙。 export default class sorting extends React.Component {
constructor() {
super();
this.state = {
array: [],
};
}
resetArray() {
var array = [];
for (let i = 0; i < 80; i++) {
array.push(this.randomN
浏览 6提问于2020-10-01得票数 0
回答已采纳
我按照本指南手动设置代理：，并将setupProxy.js文件放在前面的src文件夹中。我的setupProxy.js文件中有以下内容(注意target: 'http://localhost:8000')：
const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function(app) {
app.use(
'/api',
createProxyMiddleware({
target: '
浏览 12提问于2022-08-26得票数 0
回答已采纳
我正在使用reactJS创建一个待办事项列表应用程序。如果我在两个单独的文件中编写两种不同的逻辑，它的工作就会很好，但是当将这两个文件组合在一起时，它会产生一个错误。
RenderRemaining.js文件：
import React from 'react';
import { connect } from 'react-redux';
import store from '../store/store';
import RenderRemainingData from './RenderRemainingData';
co
浏览 2提问于2017-12-31得票数 1
回答已采纳
1回答
我有一个laravel应用程序，在该配置中，laravel混合如下 const mix = require('laravel-mix');
mix.react('resources/assets/js/app.js', 'public/assets/js')
.react('resources/assets/js/pages/treatments_pricing.jsx', 'public/assets/js/admin')
.react('resources/assets/js/admin
浏览 24提问于2020-03-23得票数 2
我正在使用Grunt中的Browserify编译jsx文件，并且得到了一个一致的错误，其中browserify任务失败了，出现了以下错误；
错误:无法从“C：\project\src.”找到模块'./focusNode‘
我有一个jsx组件：
var React = require('react');
var createBooking = React.createClass({
render: function () {
return (
<div className="Booking">
浏览 4提问于2015-09-26得票数 0
回答已采纳
1回答
我有一个名为icons.js的文件，在这个文件中我导出了多个const，其中包含多个子数组。 在另一个react文件中，我们称其为CloseButton.js。我只是在导入 import { cross } from './icons.js'; 当我在启用了生产模式的情况下运行webpack时，所有其他图标似乎也被导入到了转换后的CloseButton.js中( icons.js常量输出大约为100kB，但一行不应大于1kB)。 我使用的是带有@babel/preset-env和@babel/preset-react的webpack 4.30.0。 webpack.confi
浏览 11提问于2019-04-23得票数 0
在完成所有这些设置和工作时遇到了一些问题，下面是我的环境
Environment:
OS: macOS 10.14.2
Node: 8.9.0
Yarn: 1.5.1
npm: 6.4.1
Watchman: 4.9.0
Xcode: Xcode 10.1 Build version 10B61
Android Studio: 3.2 AI-181.5540.7.32.5056338
Packages: (wanted => installed)
react: 16.3.1 => 16.3.1
react-native: 0.55.4 =>
浏览 2提问于2019-01-24得票数 0
因此，我是react.js的新手，并且一直在遵循facebook创建的教程。(；这一个)。
现在我完成了本教程，我想在此基础上再做一点扩展。但是，我注意到在教程中，在index.html中，它使用在线位置来加载react和其他模块。一个例子是这样的：
如何将src从在线改为本地？我已经通过npm下载了react。所有文件都位于名为react2的文件夹中。react在react2 / index.html中，server.js在react2根文件夹中；而react在react2/node_modules/react/react.js中。我尝试将src更改为"../node_modules
浏览 0提问于2016-07-02得票数 1
3回答
目前，在我的目录中，App.js和startMenu.js作为两个单独的文件。我希望使用正确的React格式访问App.js文件中的App.js。目前，我可以使用典型的javascript语法调用函数startMenu()，但由于某种原因，我无法使React语法{startMenu}工作。任何想法都将不胜感激。
我的代码：
import React from "react";
import startMenu from './startMenu';
import credits from "./credits";
var param =
浏览 3提问于2020-10-21得票数 0
回答已采纳
我想将我的导航菜单提取到一个自定义组件中，这样我就不必不断地重写代码。下面是我的简单dashboard.js
import React, { Component } from 'react';
import {
StyleSheet,
View,
Text,
Navigator,
TouchableHighlight,
TouchableOpacity,
} from 'react-native';
let HeaderMenu = require('../../partials/headerMenu');
c
浏览 0提问于2016-11-04得票数 0
当我尝试导出库组件以在我们不使用导入的窗口环境中使用时，我得到了一个错误，并且得到了一个错误Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component。没有react的重复版本，因为它正被一个简单的html文件使用。 ? 我的webpack文件看起来像这样 const config = {
mode: 'development',
externals: {
react: 'React
浏览 14提问于2020-10-07得票数 0
回答已采纳
1回答
我正在编写一个React原生应用程序，在这个应用程序中我需要测试一个屏幕：
MyScreen.js
import React, { Component } from "react";
import CustomTable from "./CustomTable";
export default MyScreen extends Component {
render() {
return <CustomTable />;
}
}
CustomTable.ios.js
import React, { Component } from &
浏览 0提问于2017-04-14得票数 2
回答已采纳
2回答
我正在使用spring引导，我的index.html位于src/main/resources/templates目录中，下面是内容。如果我从html本身呈现静态内容，它会呈现，但当我尝试呈现from组件时，它不会呈现任何内容。
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
<meta charset="UTF-8"/>
<title>ReactJS + Spring Data REST</title>
浏览 3提问于2017-05-05得票数 1
回答已采纳
我正在尝试创建一个从API中获取数据的React项目，并且我试图从外部文件中使用useReducer钩子和useContext。文件夹结构：
publicsrc (在src文件夹中，除了其他组件和其他files)package.json之外，还有context.js和reducer.js。
reducer.js：
const reducer = (currentState, action)=>{
switch(action.type){
case 'setBreedList':
// console.log('
浏览 2提问于2021-06-27得票数 0
回答已采纳
我有一个小的React/Webpack应用程序，我在文件的顶部导入了一个JSON文件。在构建时，JSON的内容被读入生成的bundle.js中。如果然后更改JSON文件，则需要重新构建应用程序，以使React更改。
有什么方法可以让React应用程序在运行时读取JSON文件吗？
我的一个想法是手动编辑输出HTML以读取mydata.js (除了bundle.js)，然后mydata.js只将window.mydata分配给数据。然后，React应用程序将从窗口全局对象中读取内容。但我认为这是一个令人费解的解决方案，想看看是否有更好的途径。谢谢!
浏览 1提问于2022-10-02得票数 1
2回答
如何消除公理错误？(在承诺中)？
、、、、
我正面临着控制台中未知的错误，它与公理相关的错误，我在这里粘贴了代码userSearch.jsx文件代码，哪里的错误显示在函数的最后一个括号中？在函数的最后一个括号的末尾，我得到交叉符号，为什么？真正的错误是什么？
import { useState, useContext } from "react";
import GithubContext from "../../context/github/GithubContext";
import AlertContext from "../../context/alert/AlertContext"
浏览 5提问于2022-09-03得票数 0
我正在尝试使用react显示在js文件中编写的元素，下面是这个类：
import React from 'react'
import ReactDOM from "react-dom";
const e = React.createElement;
class StartPage extends React.Component {
render() {
return(
<div>
<h2>...0</h2>
&
浏览 0提问于2020-11-29得票数 0
1回答
我正在尝试使用和在打字本中对DayPickerRangeController进行样式化。我使用这个代码，模拟来自的代码
const ThemedStyleSheet = require('react-with-styles/lib/ThemedStyleSheet').default
const aphroditeInterface = require('react-with-styles-interface-aphrodite').default
const DefaultTheme = require('react-dates/lib/theme/D
浏览 4提问于2018-05-02得票数 4
1回答
我正在用React Native写一个移动应用。我有两个js文件，如下：
Error.js
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { getTranslate } from 'react-localize-redux';
function mapStateToProps(state) {
return {
t: getTranslate(state.locale)
};
}
ex
浏览 1提问于2018-06-20得票数 3
我试图在两个组件之间传递一个函数，但即使我没有任何错误，我传递的函数也不会显示，或者更准确地说，它不工作。我有两个文件，其中一个是创建上下文，而另一个是使用它(显然)。现在，它们不会显示在App.js (以index.js格式呈现，通常的东西)中，它们在单独的文件夹中。我正在使用React Router显示其中一个页面(News.js)。
以下是这些文件：
NewsContext.js
import React, { useContext, createContext, useState, useEffect } from "react";
export const news
浏览 51提问于2021-03-02得票数 0
回答已采纳
我有个问题：
_registerComponent(…)目标容器不是DOM元素。
这是代码：
homeMaster.Html代码：
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="..\Content
浏览 6提问于2016-12-21得票数 2
1回答
从组件外部更新状态
、、、、
我正在尝试使用JWT在我的React应用程序中实现身份验证。登录后，服务器发送access token和refresh token。访问令牌在一小时内过期，而刷新令牌则持续一年。两者都存储在localStorage中。
我正在使用axios向服务器发出请求。我已经创建了一个文件api.js，它创建了一个为请求设置baseURL的axiosInstance。这个文件导出这个axios实例和所有其他想要使用axios的组件/文件，从这个文件导入它- api.js。我还在同一个文件中设置了一个axios interceptor，该文件将在发送请求之前修改每个请求。如果令牌没有过期，它基本上会在au
浏览 1提问于2021-07-30得票数 0
1回答
我正在尝试创建一个使用两个项目的React网站：
React用于存储组件列表的工具包
运行React服务器的React-app (并将React-kit作为依赖项)
我主要是跟随来使用 (和)构建我的React。
我使用私有github存储库将React Kit作为依赖项放入我的应用程序中：(如果需要的话，我在问题的末尾添加了我所有的构建文件(两个项目都添加了rollup、babel和webpack )。
package.json
{
/* ... */
"dependencies": {
"react-kit": "gi
浏览 5提问于2019-11-13得票数 1
我正在尝试将json文件导入到我的代码中。与此相同的js文件是
import React from 'react';
import ReactDom from 'react-dom' ;
import $ from 'jquery' ;
import data from './data.json';
class ExpenseApp extends React.Component{
render(){
return(
<div>{data.Author}</div>
浏览 24提问于2017-07-16得票数 2
我有一个React应用程序，我想在现有的遗留(非常老的) web页面(它不使用任何JS框架)中使用这个React应用程序中的一个组件。
我试图做的实际上是有点凌乱，但仍然没有发挥作用：
创建了一个简单的组件(我想在我的遗留应用程序中显示这个组件)：
import React from 'react';
const topUserTable = () => {
return <h1>Top Users</h1>
};
export default topUserTable;
在我的App.js中：
const TopUserTable = R
浏览 1提问于2020-11-07得票数 0
1回答
反应本机运行你好世界
、、、
我正在使用本教程，我使用的是windows 8，我有打印npm install -g react-native-cli。然后
react-native init AwesomeProject
cd AwesomeProject
然后，我在windows上读到，我不能使用这个命令react-native run-android，所以我按照这里的建议打印node node_modules/react-native/packager/packager.js，并得到以下输出：
错误:无法找到模块'C:\Windows\System32\AwesomeProject\node_modules\
浏览 7提问于2015-11-04得票数 4
我在reactjs中得到了一个非常不寻常的错误，它说instance.render不是reactjs中的一个函数，.I无法跟踪这个错误。这是index.js文件，也是我在component中唯一拥有的其他文件。
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import SearchBar from './components/search_bar.js';
const API_KEY='AIzaSyA4
浏览 36提问于2018-06-02得票数 4
我有一些文件Typescrypt->ES6->React JSX (ES6)->Webpack (带and ->Webpack和babel)，react不刷新页面
一种是隐藏PersonDetailsComponent.cb.js (从TypeScript编译)的代码。
import * as React from "react/addons";
export default class PersonDetailsComponent_CB extends React.Component {
constructor(props) {
浏览 2提问于2015-06-02得票数 0
如何从另一个js文件访问react组件中定义的变量？
我有如下反应组件：
App.js
class App extends React.Component {
constructor(props) {
super(props);
this.name = "Rajkiran";
}
}
我有如下所示的utils文件
utils.js
export fun1() {
//I want to access the "name" value defined in App.js here
}
export fun2()
浏览 2提问于2020-01-16得票数 0
回答已采纳
3回答
我使用了react本机RNFS库来访问我的移动文件系统。我可以使用文件名删除文件。例如,
import React, { Component } from "react";
import { Text, View } from "react-native";
var RNFS = require("react-native-fs");
var path = RNFS.ExternalDirectoryPath + "/abc.png";
export default class HelloWorldApp extend
浏览 1提问于2019-03-05得票数 2
回答已采纳
当我对乐器的细节进行提取时，首先给我一个未定义状态的状态，在下一行给出对象的状态。首先让道具读取未定义的信息并打破页面。
class Detailinstrumentos extends Component {
constructor(props){
super(props);
this.state = {
instrumentos: [],
}
};
async componentDidMount(){
try{
const id = this.props.match.params.id;
// consol
浏览 4提问于2022-04-17得票数 0
当将方法拆分为单独的类文件时，如何从另一个文件中访问这些类？
例如，在included.js中，我有以下内容：
'use strict'
import React, { Component } from 'react';
import {
AsyncStorage,
} from 'react-native';
var myClass = React.createClass({
doStuff: function(){
return 'Hello';
},
render: fun
浏览 1提问于2016-09-27得票数 1
回答已采纳
我正在学习ReactNative，现在我正在研究如何组织这些文件(现在我要为每个页面创建一个文件夹，每个文件夹都有一个索引、函数和样式文件)。但是，由于某些原因，我无法将信息导入index.js，无法使用样式或函数，当我打开页面时，它不会返回func方法。
我想知道我是不是用错了进口。使用import { MenuFunctions} from './Menu'会导致错误，说明什么都没有导入，此错误不再出现，但仍未返回。
这是我的代码，索引，菜单和样式都在同一个文件夹中。
index.js
import React from 'react';
import Me
浏览 2提问于2019-08-12得票数 1
回答已采纳
我正在遵循一个教程的反应。我已经创建了我的第一个组件，并期待看到组件在我的应用程序主页，但我没有，我也没有任何错误。
在我的homePage.Js (这是我正在尝试呈现的组件)中，我有：
var React = require('react');
var Home = React.createClass({
render: function(){
return(
<div className="jumbotron">
<h1>Administration</h
浏览 0提问于2018-03-18得票数 0
我有一个单独的文件，在这个文件中，我将常用的函数放在我的react项目中，名为MyFunctions.js。在这个文件中，我想使用useLocation钩子获取当前路径名+当前url的查询字符串。但它给出了一个错误
React Hook "useLocation" is called in function "getCurrentURL" that is neither a React function component nor a custom React Hook function.
这是我的代码：
// MyFunctions.js
import use
浏览 16提问于2022-07-11得票数 0
回答已采纳
我正在使用React和Redux为下拉菜单构建一个动态子菜单。计划是，当用户单击下拉菜单时，将进行API调用，并根据API的响应创建一个子菜单。这是我的下拉菜单文件
MainMenu.js
import React, {useEffect} from 'react'
import CreateSubMenu from './utils/CreateSubMenu.js'
import fetchSubMenuData from './actions/submenuAction.js'
function getSubMenu(menu, leve
浏览 4提问于2021-04-16得票数 1
回答已采纳
我有一个具有如下文件夹结构的React应用程序：
├── index.html
└── app
├── server.js
├── routes.jsx
├── scripts
│ ├── bundle.js
│ ├── bundle.js.gz
│ ├── vendor.js
│ └── vendor.js.gz
└── components
└── ...
我需要提供预压缩文件(*.js.gz)时，.js文件请求，但原始.js文件服务，而不是。这可能是因为一条错误的道路，但我无法弄清楚。
这是
浏览 2提问于2017-11-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
