-
0 votesanswersviews
当按下回车键时，如何避免以react-bootstrap-validation的形式提交
我在react-bootstrap-validation中使用了表单组件，这里有很多输入，复选框和表单中的提交按钮 . <Form className="detail-model__form" onValidSubmit={this.handleValidSubmit}> <button type="button" className=... -
0 votesanswersviews
使用节点js进行条带支付
我的堆栈：前端：反应，react-stripe module后端：带有Express 4.x的nodejs 我一直关注https://stripe.com/docs/charges上的例子 下面是我的前端代码，在用户点击“Pay”后触发： onToken(token){ console.log("Token " , token); $.post('/apical... -
15 votesanswersviews
React子组件的onChange事件更新状态
我正在尝试学习如何实现React表单（ES6语法）并将每个字段的onChange事件传递给负责更新状态的控制器父组件 . 这适用于标准html元素，但是我正在为日期字段尝试预先固定的Datepicker（https://www.npmjs.com/package/react-bootstrap-date-picker），并且无法以相同的方式将事件传递回父级 . 有一个简单的方法来解决这个问题吗？ ... -
64 votesanswersviews
React js从父组件更改子组件的状态
我有两个组件： Parent Component 我想从中更改子组件的状态： class ParentComponent extends Component { toggleChildMenu() { ????????? } render() { return ( <div> <button onClick={toggleC... -
0 votesanswersviews
React：将子插入的子元素返回父级以更新状态
我在React中有一个父组件，它显示一个项目列表，也是一个给这个列表项提供活动类的（selectedList）状态，根据活动类显示其他组件 . 这是父组件 . 在一个孩子中，我显示表格，我可以在其中设置一个新列表和一个事件onSubmit，我将其插入一个集合（meteor mongo） 问题是我不能在新项目（id）和父组件之间 Build 关系，因为我想选择新创建的列表（因此给出活动类并显示其他组... -
1 votesanswersviews
未能使用React和Shadow Dom从Chrome扩展中注入隔离内容
我希望他们混在一起 . 更具体地说，小部件使用Semantic-UI组件，而某些主机页面使用bootstrap . 我发现了Shadow Dom并根据我的理解它应该避免使用css leaking out from my component and vice-versa Scoped CSS：在shadow DOM中定义的CSS是作用域的 . 样式规则不会泄漏，页面样式也不会流失 . 太好了，似... -
6 votesanswersviews
Identity Server 4 Identity Framework React前端
我正在寻找关于如何正确地将这样的环境放在一起的建议 . 有大量的信息和快速入门的大量资料，但经过3天的反复试验，我仍然感到相当失落 . 我熟悉.NET Framework中的Identity Framework，但在此之前从未使用过Identity Server . 我们有一个基于Node和MySql的微服务设置... Docker容器中的一系列服务，它们与MySql集群中自己的数据库节点通信 .... -
0 votesanswersviews
如何处理异步axios api调用
我正在尝试从tgram数组/ axios api调用中向allIco的所有对象添加属性 . 当我使用.map添加属性时，其值是未定义的 . 我知道这是因为我的api调用是异步的，但我无法弄清楚如何添加axios.all ...任何帮助将不胜感激:) var allIcos = Object.assign(ico.results); let tgram = []; var result = ... -
11 votesanswersviews
React Testing：React Shallow Rendering单元测试中的事件处理程序
背景 我正在尝试学习如何使用React Shallow Rendering TestUtil并测试通过，直到我向两者添加了 onClick 事件处理程序;似乎我在 Accordion.test.js 与 this.toggle Accordian.js 中使用的 Accordion.toggle 函数必定存在一些差异......但我无法弄明白 . 问题 如何通过 Accordian.test... -
2 votesanswersviews
另一个文件夹中的Node_modules
我在C：/ Users / user / AppData / Roaming / npm / node_modules路径中有所有节点模块 . 然后我尝试为我的脚本webpack包含带有babel和babel-presets的node_modules . 我的webpack.config.js module.exports = { context: './scripts', ent... -
0 votesanswersviews
WebpackOptionsValidationError：无效的配置对象
我正在通过一个在线课程，当我尝试运行我的服务器时，我得到了这个错误，但无法解决原因： /Applications/XAMPP/xamppfiles/htdocs/projects/distdesign/node_modules/webpack/lib/webpack.js:19抛出新的WebpackOptionsValidationError（webpackOptionsValidationErr... -
0 votesanswersviews
将静态图像添加到React Native app webpack
我使用react-native-webpack-starter-kit创建了一个项目，并尝试将静态图像添加到要使用的项目中 . https://github.com/jhabdas/react-native-webpack-starter-kit 我尝试在.js React组件旁边添加一个images文件夹（在src / components中）并尝试以下但似乎没有工作 . 没有错误消息，但图像不... -
1 votesanswersviews
Webpack找不到具有上下文和解析集的自定义模块
我有一个同构的应用程序，从已知的工作项目中提取webpack配置 . 它有一个带有客户端，服务器和通用文件夹的src文件夹 . react路由器正在寻找app容器 . import AppContainer from 'universal/components/App/App'; export default { component: AppContainer, childRoutes... -
0 votesanswersviews
在React中渲染加载栏
我的组件 progress 中有一个状态，我很困惑何时是生命周期中更新 progress 状态的最佳时间我在 componentDidMount() 中发出了http请求 . 因此，我希望在数据未准备好呈现时呈现进度条 . 我正在使用Axios发出请求，我在该请求中创建了几个蓝鸟Promise . 最后我将 progress 状态更新为100， componentDidMount() { ... -
0 votesanswersviews
使用jquery按钮单击调用react脚本
我有一个反应脚本，我需要在单击按钮时加载它，所以我创建了一个带有jquery的函数，它捕获了单击按钮，然后像这样使用反应脚本 $('#but').on('click', function(){ $.getScript("/static/39f3e10/js/loadxb.jsx", function (data, textStatus, jqxhr) { conso... -
0 votesanswersviews
React：根据某个按钮点击渲染某个元素
嗨，我有一个反应应用程序，我返回几个按钮 . 我想要做的是取决于您单击另一个组件将在视图中显示和呈现的按钮 . 我已经在文档中查看了条件渲染，但我不确定如何将其与状态联系起来并呈现我所期望的 . 下面是组件中的最新示例 . // import all the components I need; class FormContainer extends React.Component { cons... -
3 votesanswersviews
从axios调用React redux设置初始状态
我有一个使用Redux和axios的React应用程序 . 在我从服务器获取一些信息之前，我不想要任何渲染，我通过axios检索 . 我认为最好的方法是通过基于axios调用初始化redux状态 . 但是，我的函数似乎没有及时返回任何状态初始化... function getUserData() { if (Auth.loggedIn()) { //leaving this here bc... -
0 votesanswersviews
第一次单击和组件未呈现时，React状态不更新
retrieveInTransit() 是单击处理程序 . API调用检索数据并将对象数组返回到 setState() 函数中的新状态对象 . 第一次单击会记录 pumps 属性的空数组 . 如果我再次单击它，我会得到填充的数组 pumps . 为什么我要点击两次？即使 render() 函数中的日志返回正确的泵数组， Equipment component 也不会呈现，这些泵作为 Equip... -
0 votesanswersviews
React redux prev state忽略并重写下一个状态
下面是一个例子，我的应用程序出了什么问题，我无法弄清楚如何修复它以及它为什么会发生 . 我做了一个简单的API调用来获取一些数据 dispatch(isLoadingData(true)); api({ method, url, headers: { Authorization: `JWT ${AP... -
0 votesanswersviews
如何从Axios请求访问数据
我正在使用React JS和Redux，并且在使用Axios从请求中检索数据时遇到一些问题 .这是我的Axios请求： import Axios from 'axios'; class UsersApi { static getAllUsers() { return Axios.get('http://localhost:3001/user').then(response =>... -
3 votesanswersviews
使用react和axios以redux形式进行基于服务器的错误处理
我不确定我的确切问题是什么，因为我对REDx和所涉及的各种插件做出反应是相当新的 . 我的设置使用以下包： "axios": "^0.17.0", "react": "^16.1.1", "react-dom": "^16.1.1", "react-redux"... -
1 votesanswersviews
如何使用axios根据redux中的某些特定属性从api服务器过滤记录
我正在使用redux中的一个Blog项目，我从api服务器调用数据并尝试显示默认数据（现在我正在尝试检索默认数据，到目前为止我还没有实现发布到api服务器来自服务器 . 数据包含用户在博客上发布的帖子.api服务器的默认数据如下所示： const defaultData = { "8xf0y6ziyjabvozdd253nd": { id: '8xf0y6ziyja... -
1 votesanswersviews
将道具发送到React组件以进行Jest单元测试
在组件的渲染部分中，我有以下div： <div className="col-sm-8" > <input ref='full_link' className="formctrl" name='full_link' type='text' value={browser.getURL(this.props.params.id)} /> ... -
0 votesanswersviews
Jest测试组件的内部方法
我正在使用反应原生0.40与jest 20.当试图测试组件的内部方法时我失败了因为我无法获取它的实例然后调用该方法 . 例如，我可以使用像这样的快照测试渲染的组件 it('renders correctly', () => { var store = mockStore(initialState); const tree = renderer.create( ... -
6 votesanswersviews
你如何使用具有道具的Jest模拟反应组件？
必须有一个简单的方法来做到这一点，但我无法在任何地方找到记录的语法 . 我有一个带有支柱的React组件，我想在Jest中嘲笑这样： jest.mock('./common/MultiSelect', 'MultiSelect'); 这是有效的，除了我最终得到一个反应警告混乱我的测试结果： 警告：标签上的未知道具选项 . 从元素中删除此prop . 我正在嘲笑的组件确实有一个选项道具，我真的... -
0 votesanswersviews
使用jest &&酶测试React组件方法
我曾经嘲笑和测试一个函数，该函数作为具有 simulate() 酶的道具传递给Child组件 . 当我用 Spy 测试Component中的方法（不是从父级派生）时，发生了一件有趣的事情 . 我使用 jest.spyOn 与酶的实例来测试Component类方法 . 有点喜欢这个： jest.spyOn(instance, 'Clicker') 然后我尝试在元素上模拟事件来调用方法 . 下面的案... -
21 votesanswersviews
如何在另一个类中模拟异步函数调用
我有以下（简化）React组件 . class SalesView extends Component<{}, State> { state: State = { salesData: null }; componentDidMount() { this.fetchSalesData(); } render() { if (this.st... -
0 votesanswersviews
反应导入模块错误
简单地说，我想要做的是导出一个函数，它创建一个mongodb查询并将其导入到反应组件中，这样我就可以在那里调用它并显示数据 . 这是我不断得到的错误：./ node_modules/require_optional/node_modules/resolve-from/index.js找不到模块：无法解析'/ Users / paul / Desktop / TempProject / Dietx ... -
0 votesanswersviews
在（Office Web Add-In）ASP.net项目中实现（Fabric UI）React
Context: 对于客户端，我们希望使用Microsoft的Fabric UI开发Office Web插件 . Office Web加载项用作可在Office应用程序中显示的网页 . 与Office内容（文档/工作簿/表）的交互是通过Javascript API（Office.js）完成的 . 为了节省时间并确保加载项具有与Office应用程序相同的外观，使用了Fabric UI . Fab... -
5 votesanswersviews
Dotnet React模板和Office Fabric UI - 问题
当我尝试在我的项目中使用office fabric ui并导入组件时，例如面板我有这个错误Screen . 我也记录了这种行为 . https://giphy.com/gifs/3ohjV6gZTxE8TiqVfa脚步： 我通过* dotnet new react *创建项目 我安装办公室* npm --save install office-ui-fabric-react * 我将...