首页 文章
  • 0 votes
     answers
     views

    SLider左菜单按钮未显示

    我正在创建滑块抽屉 . 它很好用 . 我有两个问题 . 左侧菜单上的文本切换发生时不显示 . 所以Toggle不工作 . 其次,我想删除抽屉上的导航栏 Headers . 这是我的代码,请帮忙 import { createStackNavigator , createDrawerNavigator ,createAppContainer} from 'react-navigation'; ...
  • 1 votes
     answers
     views

    ReactJS-在onclick事件上渲染模态组件

    我试图将ReactStrap Modal添加到我的NavBar但无法找到它的解决方案 . 我创建了一个处理函数,它将在click事件中调用,但我无法在此处理函数上调用我的登录组件 . 我还将处理程序绑定到当前DOM . 我所做的只是简单地称为登录组件,它不起作用 . 请解释如何调用此父组件的组件 代码: login.js import React from 'react'; import { ...
  • 0 votes
     answers
     views

    如何从状态访问React中的状态内的另一个键

    我试着学习React,我有一个问题 . 我想从教程中自己做一个例子 . import React, { Component } from 'react'; class MyComponent extends Component { state = { persons: [], firstPersons: 5, variables: { Id: '1', ...
  • 0 votes
     answers
     views

    如果应用程序呈现两次,如何更改React焦点?

    我在erb模板中使用react-rails gem渲染我的应用程序,但是有问题 - 模板呈现两次,所以我有两个渲染的反应应用程序同时 . 我无法影响这种逻辑,我只是在现有项目中添加新功能,使用该系统在垂直和水平视图之间进行导航(取决于屏幕方向,使模板之一可见) . 因此,在渲染应用程序之后,对于垂直视图,一切都很好(可能是因为它首先渲染),但是当切换到水平时 - 它仍然专注于垂直应用程序版本(当我...
  • 2 votes
     answers
     views

    在resize事件处理程序上响应heatmap.js

    首先,我使用的是ReactJS和heatmap.js库 . 用作heatmap.js入口点的HTMLDivElement应该是响应式的 . 在每个窗口调整大小时,它会根据当前窗口大小进行调整 . 但是,heatmap.js库对象创建的画布占用了div的初始尺寸,因此它的大小保持不变 . How could I make the children canvas responsive too? hea...
  • 0 votes
     answers
     views

    Reactjs - 如何在Stripe结帐表单中使用redux

    我在我的项目中使用react条纹 . 我按照教程https://stripe.com/docs/recipes/elements-react . 如文档中所述,表单导出如下 . export default injectStripe(Form) 在文档中,api调用如下所示 . async submit(ev) { let {token} = await this.props.stripe....
  • 0 votes
     answers
     views

    Webpack Code Splitting 'Loading chunk failed'错误文件路径错误

    我正在使用Repack Typescript和Webpack,我正在尝试在实际需要时加载我的一些反应组件 . 问题是,当通过延迟加载请求块时,我收到了以下错误: 未捕获错误:加载块1失败 . (错误:http:// localhost:58988 / 1.chunk.js)HTMLScriptElement.onScriptComplete(bootstrap:114) 这个块是成功生成的,...
  • 1 votes
     answers
     views

    在画布周围拖动图像

    我正在研究一个反应应用程序,它具有一些功能,允许用户在画布上拖动和图像并重新定位它,我已经移动功能,但它不是特别好,它似乎只是重绘了一个新的图像旧的顶部在图像反馈中的图像内给出图像 . 其次它似乎拖到图像的左上角而不是点击点我不知道我做错了什么 . 这是一个例子,https://j3mzp8yxwy.codesandbox.io/,我的反应代码如下, import React, { Compone...
  • 0 votes
     answers
     views

    当我只有用户代码时如何获取用户全名?

    static getEmployeeByCode(code) { if (isMock) { return new Promise((resolve) => { setTimeout(() => { resolve(Object.assign({}, employeeMock...
  • 0 votes
     answers
     views

    访问localStorage而不是redux-store的简单方法

    我刚从我的商店向localStorage(实际登录的用户)导出了一些东西,因此用户应该能够打开第二个选项卡而无需再次登录 . 为了将数据放入localStorage,我使用了Redux-Middleware(如果操作是登录,我将登录数据放在localStorage中) . export const storageMiddleware = () => next => action =&g...
  • 0 votes
     answers
     views

    React Native StackOverflowException

    我在Android上的react-native应用程序中遇到以下异常 E/unknown:ReactNative: Exception in native call com.facebook.react.uimanager.IllegalViewOperationException: StackOverflowException at com.facebook.react....
  • 0 votes
     answers
     views

    如何使用方法isEqual进行反应

    我在函数中使用_.isEqual方法: const Sidebar = ({ ...props }) => { function myFunction(codeMenu) { let menu = null; const listMenu = props.listMenu; for(var i = 0; i < listMenu.length; ...
  • 2 votes
     answers
     views

    嵌套路由不使用React Router v4呈现

    我试图将我的一些路由与React Router v4组合在一起来清理我的一些组件 . 现在我只想让我的非登录路由组合在一起,我的管理路由组合在一起,但以下操作不起作用 . main.js const Main = () => { return ( <main> <Switch> <Route exact path='/' ...
  • 0 votes
     answers
     views

    在cloudinary [reactjs]上传多个epub / zip文件

    当我尝试上传epub文件时,我得到了反响{"error":{"message":"Unsupported ZIP file"}}我在这做错了什么: const formData=new FormData(); formData.append("resource_type", "auto"); for...
  • 0 votes
     answers
     views

    将全局基本名称/上下文添加到React和npm设置

    我的网址有问题,我需要运行我的应用程序,而不是从localhost:8081,但是从localhost:8081 / admin,所以所有页面都显示404,其中有/ ....,无论如何主页也不起作用好的,在index.html我也有标签,文件的例子 . <link href="../public/css_admin/fonts/fonts.css" rel="s...
  • 0 votes
     answers
     views

    在React App中实施谷歌 Cloud 搜索

    您好,你们任何人可以帮助我在我的React App中集成谷歌 Cloud 搜索,这将是有帮助的
  • 0 votes
     answers
     views

    Redux模拟存储仅在调度多个操作时返回一个操作

    我正试图模仿这个axios电话: export const fetchCountry = (query) => { return dispatch => { dispatch(fetchCountryPending()); return axios.get(`${process.env.REACT_APP_API_URL}/api/v1/countries/?sea...
  • 0 votes
     answers
     views

    如何将React方法添加到React之外的对象

    所以,这里真的很简单 . 我正在使用React Highcharts Official和ReactHighcharts的options属性我想从另一个文件导入graphOptions . <ReactHighcharts highcharts={Highcharts} options={graphOptions} /> 现在,这很容易但是在我试图导入的文件中,我有一个名为this.ad...
  • 4 votes
     answers
     views

    擦除角色会产生错误

    我的小实验的目标很简单:过滤/搜索名称与输入文本字段中键入的当前值匹配的用户 . 为了实现这样的功能,我使用 RegExp() . 一切都很好,除非我擦掉一个角色;这样做会使过滤停止 . 在构造函数中: state = { users: [] } 事件: searchUser = e => { const target = e.target; this.setState(sta...
  • 0 votes
     answers
     views

    this.state.file.name不作为react元素呈现

    我有一个 setState 的拖放字段(称为 react-dropzone ) . 我希望 file.name 在浏览器中呈现 . 经过测试,它不会产生任何错误或结果 . 我可以让其他状态以正常方式呈现 . 有什么建议? 码: class Home extends Component { state = { fileName: {} }; handleOnDrop = file => { ...
  • 1 votes
     answers
     views

    测试使用react-relative-portal的反应组件

    react-relative-portal是一个包,用于在组件外部创建html,以便忽略溢出属性 . 问题在于,当我测试反应组件和我想要测试的部件超出了安装组件的范围时 . 我不知道如何继续测试它 . class MyComponent extends Component{ constructor(){ this.state={ showPotal: fal...
  • 0 votes
     answers
     views

    如何在React中的Get请求中放置路径变量?

    componentDidMount() { axios.get('/api/v3/products', { params: { pageNumber: 1, pageSize: 500, } }) 我知道如何在Get请求中放置params,但是不知道如何...
  • 0 votes
     answers
     views

    检测React Native中的锁定状态

    我正在尝试为我的React Native应用程序找到一种能够检测手机是否被锁定的方法,特别是在Android设备上 . 我尝试使用名为“react-native-lockstate”的本机包,但它似乎不起作用 . 它要么必须检测到手机已进入/离开锁定的屏幕 . 或检测到已按下锁定按钮 . 我真的很难过这个 .
  • 8 votes
     answers
     views

    PropTypes在React中的重要性是什么?

    我'm still learning React and can'吨 grab 了 PropTypes 的重要性 . 任何人都可以提出他们的想法定义你的 PropTypes 有什么好处?我没有把握 PropTypes 除了在类型不匹配时看到控制台错误/警告的优点 . 它在documentation上说 在设计接口时,将通用设计元素(按钮,表单域,布局组件等)分解为具有定义良好的接口的可重用组件 ...
  • 0 votes
     answers
     views

    React Reloading Page在Server上不起作用,但适用于localhost

    我一直在寻找这个问题的答案,但尚未找到解决方案 . 也许只是因为我不理解stackoverflow上给出的其他答案 我的情况:我有一个运行React Router v4的React应用程序 . 我的应用程序在http://localhost:3000/myApp下运行,并在http://myserver/myApp下 生产环境 我的问题:每当我刷新本地主机上的页面时,一切正常 . 我可以毫无问题地...
  • 0 votes
     answers
     views

    ReactJS:在props中使用Link而不是a-tag

    当API向前端发送错误时,我想在 props 中使用 Link 来自 react-router-dom ,而不是 a -tag . 这可能吗? React中的代码: { errors.activateAccount && ( <div className="invalid-feedback" dangerouslySetInner...
  • 0 votes
     answers
     views

    如何设置SPFx DetailList行宽?

    我正在使用Office UI Fabric构建SPFx React webpart . 我想使用DetailList,但它只应在屏幕上以50%的宽度显示,因为我需要在列表右侧显示有关所选项目的一些附加信息 . 我正在使用Bootstrap将这两个组件对齐 . 这样可行,但是我的DetailList中始终显示一个水平滚动条,因为行宽仍设置为全屏 . 当我调整屏幕大小并再次放大时,滚动条消失了,所以这...
  • 0 votes
     answers
     views

    使用动态值react-redux创建一个选择

    我想创建一个Select或Dropdown,其中包含一个动态来自api的列表,然后创建另一个包含该组件的组件,然后创建另一个接收从Select或Dropdown中选择的项目的按钮 . export default class DropDown extends React.Component { onChange = event => this.props.onChange(event.t...
  • 0 votes
     answers
     views

    检查在ReactJS中的表单提交中选择至少三个选项

    我正在研究reactjs,我正在使用 ant.design 选择模块从下拉菜单中选择不同的技能 . 我想检查表单提交中至少选择三个选项 . 我也会和你分享代码你们能帮助我解决这个问题 <FormItem> {getFieldDecorator('skills', { rules: [ { ...
  • 0 votes
     answers
     views

    相对于类型对数组进行反应排序

    我有一个带有数据的json文件 . 从这个文件我想问问题和问题的类型 . 结构看起来像这样:有一个类别名称图片,然后是一个问题列表 . 这是我的组件,用于呈现问题列表 . import React from 'react'; import { sortBy } from 'lodash'; import QuestionsListItem from './QuestionListItem'; c...

热门问题