对于特定类型的应用程序，我有多个asp.net 5 mvc 6项目。每个应用程序都将使用ReactJS和typescript 1.6（TSX文件）。我想有一个项目，将持有共同的js模块，具体的应用程序可以每个参考。这可能吗？如果是这样，我将如何继续。我被告知，在beta8中，我们将能够在通过构建类库包项目创建的nuget包中打包视图。我认为这将是一种打包任何类型静态文件的方法，因此您也应该能够使用js文件进行打包我建议使用bower或npmjs来管理js文件。您是说打包来自公共项目的公共js文件

我想你可以做我想做的事。我有一个问题陈述，其中我需要可视化从流程中获得的数据。需要可视化的数据需要一些预处理。我需要可视化多个序列，每个序列中都有多个进程。每个进程的持续时间不同，必须以不同长度的数组的形式表示。此外，为了管理1000个序列，我需要进行一些聚类，并表示适合单个页面的较少序列。我希望在JS中找到最适合的框架来实现这一点。谁能给我指路吗 我使用d3.js进行数据可视化，非常好

使用React js参考MV*架构 我知道React是一个视图引擎，它仍然需要许多其他库，比如Redux..等等 是否有一个与React一起使用的库列表来构建一个完整的生态系统，如Angular？React/JS生态系统已经变得如此丰富，您无法真正决定在每个项目中默认使用哪一组库。 这取决于你的需要 许多人通常选择使用react-router进行客户端路由，react-dom与dom交互，redux进行状态管理，react-redux将组件连接到redux状态 通过查看这些react样板的代码，

我想获得以下结构状态 { product: { items: [], fetching: true, selected: [] } } items&fetching由HttpReducer处理，selected由ProductSelectReducer处理，如何将多个Reducer的状态合并到同一级别 谢谢。减速器/product.js： import { combineReducers } from 'redux'

我正在尝试从react materialize作为导入组件- import {Navbar, NavItem} from 'react-materialize'; 但是，当网页包编译my.tsx时，它会抛出一个错误，如下所示- ERROR in ./src/common/navbar.tsx (3,31): error TS7016: Could not find a declaration file for module 'react-materi alize'. 'D:\Private\W

在数据流中播种操作和调用存储的“setter”方法有什么区别 TodoActions['add'](todo) vs Action将通过RefluxJS lib触发您的存储，但是store.Add（）将直接调用Add方法Action将通过RefluxJS lib触发您的存储，但是store.Add（）将直接调用Add方法首先，需要注意的是whater.func（）和whater['func']（）只是同一事物的两个不同语法。所以，在你的例子中，唯一的区别就是你所说的 就直接在存储中调用方法而言

因此，我有一个带有react router和redux的站点（下面的示例被严重简化） 这一页100%有效。这个错误在生产中没有发生，但我讨厌出现错误 该页面从未使用未定义的道具进行实际渲染，甚至在调用render之前，我就收到了错误 我知道我可以简单地删除.isRequired，它会起作用，但这个想法闻起来很糟糕 谢谢 它不会出现在生产中，因为这些警告没有在生产中显示/使用，但仍然存在错误。（PropType从生产代码中删除） 您的问题是，A.jsx甚至在FooBar（）完成之前就已经呈现了B.

我需要连接这些变量，并在控制台中显示： 模块构建失败：SyntaxError:相邻的JSX元素必须包装在封闭标记中（2520:54） {无线电=>( { arrayDataLabels[0]。LabelNumber.map（（标签）=> {label.number} ) } )} 正如错误消息所说，在render方法中只能有一个jsx标记。不允许有兄弟姐妹。因此，您可以将所有兄弟元素放在父标记中 render（）=>{ arrayDataLabels[0]。LabelNumber.map（（

我的操作页面如下所示：- /** * use to clear all the state of model page * @function :clearModelState */ export function clearModelState() { return { type: REQUEST_DEVICE_CLEAR, deviceList: [], deviceTotalCount: 0, deviceStatus: [], loadi

在我的应用程序中，如果用户转到 http://localhost:3000/#/auth 默认情况下，将呈现登录页面 当用户转到注册页面时，url为 http://localhost:3000/#/auth?form=signup 但是，每当我刷新页面时，url就会自动返回到 http://localhost:3000/#/auth 用户现在可以看到登录页面 有没有办法在刷新后保留url查询？换句话说，如果用户在注册页面上并刷新，我希望呈现注册页面而不是登录页面 我正在使用react-ro

我试着用React路由器和github oauth做一个React应用程序 但Github Oauth不支持cors api调用，并且在前端存储密钥也不安全 因此，我计划在Express中托管我的react应用程序，并使用Express进行后端github oauth调用 然后，我发现当Express Router与React Router混合时，Express Router将无法工作，可能被React Router阻塞 快速代码如下： const express = require('expr

在React/Redux多页面应用程序中，页面的初始配置数据放在何处 该问题最初使用了“永不更改数据”这一短语，而不是“页面的初始配置数据”。前者是我在谷歌搜索答案时使用的词。现在重新措辞，因为“永不更改”意味着常量，数据不会更改，即使在单个页面查看期间没有更改。初始数据来自后端数据库。在我们的例子中，它被注入到JSP中，但可以在非JSP应用程序中加载ajax 我们的案例是为了进一步说明这一点： 我们有一个JavaSpring服务器，它使用JSP生成HTML和纯jQueryJavaScript。

典型的react引导导航场景。我已经建立了一个自定义下拉列表（折叠），因为我不喜欢引导版本。我遇到的问题是捕获导航栏上的切换“事件”，该事件与屏幕从桌面切换到移动768px有关。我甚至不知道是否有这样一个事件，因为医生们对此只字不提 GitHub： 演示： 我最后做的是：添加了一个“调整大小”事件监听器来检测手机和桌面的屏幕大小。当检测到桌面时，会将导航菜单链接div的显示状态设置为无，并关闭滚动锁定 我想做的是：捕获并使用引导navbar toggle事件来更改显示和滚动锁，而不是使用事件侦听

我正在使用React.js制作一个应用程序。我使用API获取一些数据，并尝试在列表中显示这些数据。目前，我在尝试遍历数据时收到以下错误 对象作为React子对象无效（找到：键为{USDUSD，USDEUR，USDCAD，USDAUD}的对象）。如果要呈现子对象集合，请改用数组，或使用React附加组件中的createFragment（object）包装对象。检查'Exchange'的呈现方法 即使我将数据存储在数组中，也会出现此错误 我检查是否存在与此错误相关的类似线程：，但这些答案对我的案例没

我在DOM上有一个React的“外部”元素，即React不负责它出现在屏幕上，我也不负责。它被放到DOM上，没有回调，我可以用来触发它发生的事件 当它出现在DOM上时，我需要在React中执行一些逻辑。现在，我能想到的唯一合乎逻辑的方法是使用document.querySelector进行轮询，我知道这很糟糕 有没有什么“React”式的方法可以做到这一点？请添加基本的HTML结构和相关的React代码。

出于好奇，尝试构建SPA react spring引导应用程序时忽略了jsp或thymeleaf等模板引擎，因为至少在我所理解的某些情况下，分离前端和后端是值得的。设法编写返回原始json的控制器，但添加返回html模板的控制器时失败，就像我在依赖项中包含thymeleaf并且所有html/js/css文件都在resources文件夹中时成功完成的那样。我是否应该运行其他返回文本/html的节点服务器？你能给我一些示例项目吗。 基本上，我想要一个带有导航栏的应用程序，带有链接/索引/someth

我的结构如下： / -> root /react-app -> Reason app (initialized using cli) /webapp -> gradle app, maven structure with Gradle build file 我不知道如何构建一切，以便： 在本地运行服务器，以便调试 制作生产tar（例如使用应用程序插件） 生产 生产应如下所示： ktor作为主服务器 ktor应用程序具有API 所有r

从数组中删除项目会导致仅删除该渲染数组中的最后一个项目，而不是实际删除的元素。代码如下： <View style={[styles.container, this.props.style]}> {this.props.items.map((tag, i) => <Tag key={i} value={tag}

我想在React+Redux中构建一个函数，当用户单击按钮时，调用API并将数据加载到存储中，然后在页面上显示数据 我想使用redux actions框架：但我对我看到的不同示例有点困惑 在一些示例中，我看到以下内容： export const GET_USER_DATA = 'GET_USER_DATA'; export const getUserData = createAction( GET_USER_DATA, async () => { try {

我正在尝试使用RET-html5video HoC示例为HTML5视频播放器制作自定义控件： import videoConnect from 'react-html5video'; const MyVideoPlayer = ({ video, videoEl, children, ...restProps }) => ( <div> <video {...restProps}> { children }

试图找出以下原因： handleChange = event => { console.log(event.target.id, event.target.value) this.setState({ [event.target.id]: event.target.value }); console.log("New state: ", this.state.buyin) }; 日志“未定义”？第一个日志是“buyin”（无论我在框中键入什

我正在处理一个部署在Heroku上的小组项目，但现在我需要对它做进一步的工作，并试图让它再次在本地运行。这是一款使用MongoDB的React应用程序。我克隆了repo，并在根文件夹和客户端文件夹中安装了npm。当我进入npm run dev时，页面会出现，但功能不起作用。当我尝试登录、注册或提交照片时，会出现错误： 从终端： [1] Proxy error: Could not proxy request /api/account/signin from localhost:3000 to h

我有一个react应用程序，它是使用createreact应用程序创建的。我在我的项目中包括react引导，当我启动/构建应用程序时，引导css文件被导入。如何使用自定义css更改此css？ 我知道我可以在index.js中添加新的css，但是在这种情况下不会同时导入两个css文件吗 因为我正在创建一个自定义引导主题，所以我更希望不导入默认引导css文件，因为我正在从自定义scss文件和引导scss文件构建新的css文件 My package.json： { "name": "reading

我使用的是TabNavigator，我想预加载所有的路径，这样用户在第一次导航到其中一个选项卡时不会遇到任何滞后 您必须在路由选项中添加lazy:false

将Typescript与Fuse.js一起使用时出现此错误消息 TS2345:类型为“{keys:string；}”的参数不能分配给类型为“FuseOptions”的参数。属性“键”的类型不兼容。类型“string”不能分配给类型“（“title”|“ISBN”|“author”）[]{name:“title”|“ISBN”|“author”；weight:number；}[]” 代码如下： let books = [{ 'ISBN': 'A', 'title':

我陷入困境。 我使用了createreact应用程序（v2），将其弹出，并按照 projectDir > src > pages > page > page.js || page.css 我有多页 我一直在尝试用postss和autoprefixer配置webpack，但我的webpack.config.dev.js没有任何类似之处。以下是我的网页中包含带有autoprefixer的PostCs的部分： const getStyleLoaders = (cssOptio

我正在使用react select。我不想从选项列表中删除所选项目。当您添加isMulti时，它看起来会自动从选项列表中删除所选选项，因为当我没有isMulti时，它不会删除所选选项。我知道我可以使用一种叫做filterOption的道具，但我不知道如何让它工作。有谁能告诉我如何使用filterOption显示所有选项，即使选择了某些选项？如果Select自动删除所选选项，是否有人建议我如何显示所有选项，即使选择了某些选项 import Select from 'react-select';

所以我的问题是：当使用React导航时，当用户导航到屏幕A时，A被挂载。当用户转到屏幕B时，B已安装，A保持安装状态。当用户导航回A时，B将被卸载，但A将保持装载状态 这是预期的 我想让B保持坐骑状态。这可能吗？如果是的话，怎么办 const ThisStack = createStackNavigator( { A: { screen: ScreenA, navigationOptions: ({ navigation }) => ({

我在componentDidMount（）中使用setState来设置相同变量的状态，但我意识到第一个setState总是受到影响，变量采用第一个setState上定义的值。我希望第二个覆盖第一个，并给变量第二个setState的值。即使我改变顺序，结果也是一样的。为什么会发生这种情况？ 确切地说，我说的是纬度和经度变量 componentDidMount() { fetch('myUrl') .then((response) => response.json()

在发帖之前，我试着阅读丹·阿布拉莫夫的超级答案 我的代码有点问题，我很乐意理解我的错误： 1） 这是我的索引文件 import { combineReducers } from 'redux-immutable'; import { reducer as formReducer } from 'redux-form'; import appReducer from './appReducer'; import errorReducer from './errorReducer'; import

对不起，这里的主题可能不清楚 我的“AddReview”视图触发启动操作。 减速器通过将isLoading设置为true来响应启动操作，从而使视图显示其正在加载。 当我的操作完成时，成功和失败在减速器中将isLoading设置为false，活动指示器消失 在发生故障的情况下，我可以向减速器写入错误，当减速器中存在错误时，我可以在视图中呈现错误，并且我可以在下次启动操作时清除减速器中的错误 因此，我可以通知我对错误的看法，但如何通知我对成功的看法，并用审查列表替换对的审查 我能想到的所有解决方案都

我在React和Firebase上找到的大多数文档都没有使用挂钩。我找到了一个很好的创建和阅读示例，我将在下面包括这些示例，但是我还没有找到使用react钩子更新和删除的简单示例 我希望有人能帮助我更新和删除方法，类似于下面的代码 创造 const useForm = initialValues => { const [values, setValues] = useState(initialValues); return [ values,

我将react select与react final form一起使用，我需要进行两次选择，其中第一次选择中的所选选项动态设置第二次选择的选项。例如，当在第一次选择中选择选项一时，第二次选择将获得选项一A和选项一B 这些选择在数组中使用。这是我的代码沙盒和初始设置 我发现了两个类似的例子，但我不知道如何使它们适应我的用例 首先，我找到了forreact final form，它使用createDecorator设置字段的值，但它用于字段的值，而不是选项属性 其次，我找到了forreact sel

下面是Gatsby React中的类组件，其中包含工作正常的硬编码数据： import React from "react"; class ExmpClassComp extends React.Component { constructor(props) { super(props); this.clickHandler = this.clickHandler.bind(this); // hard-coded data: this.state = {

我正在azure storage上的静态站点为我的网站前端（react）提供服务 我正在为多个客户端设置同一个网站，每个客户端都有自己的存储帐户，每个客户端都需要一个唯一的\u id从后端获取自己的项目 是否有一个地方可以将每个帐户的\u id存储在存储帐户上，例如env变量如果您只需要一个唯一的id，为什么不使用您的存储帐户名作为id，您的帐户名已经是唯一的。@George Chen我需要id匹配数据库中客户端的\u id，并从网站内使用它来检索客户端的相关信息，如主题等@ShmiliBreu

这是我的App.js类。它连接到Redux商店 class App extends Component { componentDidMount() { this.props.checkLocalStorageIfTokenExists(); } render() { let routes = null; if (this.props.isAuthenticated) { routes = ( <Switch>

初学者反应的应用程序。我已经为我当前的React应用程序设置了linting（组件是功能性的），它抱怨缺少依赖项，有时是MobX存储，有时是UseTransformation的TFunction 他说： 如果使用此优化，请确保阵列包含组件范围中随时间变化且效果使用的所有值（如道具和状态） 然而，他说这是不需要的 是否有任何方法可以防止这种仅针对商店的皮棉警告？UseTransformation的t功能如何，是否应该包括在内？这让我很恼火，因为我不想整体禁用此规则，也不想禁用下一行并使其成为我们代

我使用useQuery显示列表项，我需要按钮刷新我的请求如何使用useRefresh进行此工作 这是我的代码： const {data,total,loading,error} = useQuery({ type: 'GET_LIST', resource: 'requests', payload: { pagination: { page: page, perPage: perPage }, sort: { field: 'createdAt', orde

我正在使用Ubuntu 18.04。我也收到了回信。为什么我必须重新安装所有这些？因为React是您的项目的依赖项，而不是您的环境中的依赖项 当你的站点是一个实时站点时，你不能告诉客户：如果你正在寻找React部分，别担心，它在我的机器上。。它必须与代码的其余部分捆绑在一起 另外，如果您有两个具有不同React版本的项目，应如何管理它 与创建react应用程序不同，该应用程序仅用于生成项目。一旦创建了项目，它就不会以任何方式连接到工具（create react app） 把它想象成一辆汽车。没有

是否在导航/导航栏内配置布局 我想把3个同样大小的可乐分开 我所期望的应该是这样的 这是我的密码 浏览社区 任务 轮廓 这些列与12列对齐（使用flexbox），因此如果希望3列跨越整个网格，则每个列需要“占用”4列 浏览社区 任务 轮廓 尝试以下方法： 浏览社区 任务 轮廓 图片中的“浏览”是从哪里来的？它的浏览社区以某种方式将浏览和社区分开了。我认为，这与您的浏览器或设备宽度大小有关？你在哪里试？什么宽度？firefox，在你的css文件中有1920个宽度，你操纵过导航栏或容器吗？@

这个问题并不是新问题，我在stackoverflow上已经看到了类似的问题，但大多数问题都没有答案。即使考试通过了，我也得到了这个警告。试图通过包装act（（）=>{}）来解决在这些语句中，由于哪些状态发生更改，但无法确定应该在何处使用它。 任何帮助都将不胜感激。 我的错误消息： ● Console console.error node_modules/react-dom/cjs/react-dom.development.js:88 Warning: An update to Compa

该应用程序最初由CRA制作，并转换为SSR。该应用程序工作正常，但只有当我刷新应用程序或手动键入某个页面的URL时，问题才会出现。中间div的类名随后被重写为基本路由的中间div的类名 例如，它的变化如下： <div id="root"> <div class="header">..</div> <div class="newlist">..</div> <div class="footer">..<

我曾经使用react+mobx构建应用程序，进行存储并将它们传递给提供者，然后注入装饰器。（其中一些应用程序是大型的、大量的数据、表单、网格…） //store.js 班级商店{ @mobx.可观测计数器=0； @mobx.action 递增计数器=（）=>{ 这个.counter++； } } //App.js 类应用程序扩展组件{ 建造师（道具）{ 超级（道具）； this.store=新商店（）； } render（）{ 返回( ); } } //AppChildren.js @mobx.

错误：模块生成失败：ValidationError:无效的选项对象。CSS加载程序已使用与API架构不匹配的选项对象初始化 选项具有未知属性“localIdentName”。这些属性是有效的： 对象{url？、导入？、模块？、icss？、源地图？、导入加载程序？、esModule？} 下面是我的create react应用程序的package.json文件 请帮我找出错误 { "name": "burger-project&

如何将post.main image传递到backgroundImage样式 这是我的密码 import React from 'react'; import { Post } from '../interfaces'; import { makeStyles, createStyles, Theme } from '@material-ui/core/styles'; import Container from '@material-ui/core/Container'; type Prop

嘿，我正努力把两张图像放在彼此相邻的位置，它们之间留有一些空间 经过长时间的搜索，我得到的最接近的结果是： 正如你所看到的，图像之间没有空间，我试图用marginRight或paddingRight来改变这一点，但似乎没有任何改变。。 这是我的密码： let stylereg_na = { alignItems: "center", flex: 1, height: hp('7%'), width: wp('7%')}; let stylereg_eu = {height:

我有一个组件： const [state, setState] = useState({ reasonSelected: ''}); 在渲染中，我得到了： { state.reasonSelected === 'other' && ( <Input testID='reasonInput' value={state.reasonOther} onChangeText

我有一个 这是一个使用Typescript的简单React应用程序 我正在尝试使用Reacts上下文api 我已经创建了一个contextThemeSecontext，它具有简单的主题样式值，可在其他组件中使用 然后，我使用这个主题上下文为一个图书列表设置样式Booklist.tsx 我想要一个按钮来更新主题 在我试图从themetoggle组件调用的上下文中有一个themetoggle 我的问题是在这个主题中单击一次，我就得到了错误 (JSX attribute) React.DOMAttri

我使用“useEffect”实现了功能组件中的“componentWillUnmount”功能。如何在使用Jest/酶测试组件时触发该事件 我的组成部分： const myComp = () => { useEffect(() => () => { console.log('Unmounted'); }, []); return <div>Test</div>; } constmycop=（）=>{ 使用效果（（）=>（）=>{ c

根据使用useEffect依赖项数组时的react文档，您应该传入效果中使用的所有值 如果使用此优化，请确保数组包含组件范围中随时间变化且效果使用的所有值（如道具和状态）。否则，代码将引用以前渲染中的过时值。了解有关如何处理函数的更多信息，以及当数组值更改太频繁时如何执行 我不知道钩子在幕后是如何工作的，所以我在这里猜。 由于闭包中的变量可能会过时，这意味着函数被缓存在某个地方。但是为什么要缓存函数，因为它没有被调用，除非依赖项发生了变化，并且无论如何都需要重新创建函数 我做了一个小的测试组件