标签: react-redux

使用react-redux时_react.default.createContext不是函数

将组件添加到入口点时出现问题,此错误立即在此处弹出,该如何解决?我也尝试仅添加Main组件,但是无论如何我都会遇到该错误,在main.jsx中,仅带有渲染方法的类返回“ hello world”

_react.default.createContext is not a function
Run Code Online (Sandbox Code Playgroud)

_react.default.createContext is not a function
Run Code Online (Sandbox Code Playgroud)

Webpack配置

'use strict';

var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  devtool: 'eval-source-map',
  entry: [
    'webpack-hot-middleware/client?reload=true',
    path.join(__dirname, 'src/app.jsx')
  ],
  resolve: {
    root: [
      path.resolve(__dirname, "src"),
    ],
    extensions: ['', '.js', '.jsx', '.css']
  },
  output: {
    path: path.join(__dirname, '/public/'),
    filename: '[name].js',
    publicPath: '/'
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: 'src/index.tpl.html',
      inject: 'body',
      filename: 'index.html'
    }),
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(),
    new …
Run Code Online (Sandbox Code Playgroud)

reactjs react-redux react-context

27
推荐指数
3
解决办法
1万
查看次数

搜索引擎索引如何为REACT等JavaScript Web应用程序工作?

我打算为我的应用程序实现react.js.由于我是新手,我有一个疑问,谷歌将如何索引反应组件?在谷歌搜索中使应用程序正确可见所需的最佳实践是什么.

任何人有任何想法请帮助我.

javascript seo reactjs babeljs react-redux

26
推荐指数
2
解决办法
2万
查看次数

流程:引发错误即使安装它也无法解析模块"react-redux"

即使tho模块已安装且存在,Flow无法解析它并引发错误.请参阅下面:1)在bash内部运行flow,它会抛出错误,找不到模块

user@pc:~/code/project$ flow
Error ????????????????????????????????? src/functionalities/Growth/index.js:3:25

Cannot resolve module react-redux.

     1? // @flow
     2? import React from "react"
     3? import { connect } from "react-redux"
     4?
     5? type Props = {
     6?   children: Function



Found 1 error
Run Code Online (Sandbox Code Playgroud)

2)下面的命令检查目录是否存在,确实存在

user@pc:~/code/project$ ls node_modules | grep react-redux
react-redux
Run Code Online (Sandbox Code Playgroud)

我试图删除并重新安装node_modules目录和yarn.lock文件.

版本应匹配:

flow version
Flow, a static type checker for JavaScript, version 0.77.0
Run Code Online (Sandbox Code Playgroud)

.flowconfig:

[version]
0.77.0
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

这很可能是Flow的错误,我也提交了问题.

javascript flowtype react-redux

26
推荐指数
3
解决办法
1万
查看次数

如何在类组件中使用 react-redux useSelector?

我是 react 的新手,正在尝试学习 redux。我想访问课堂内的商店,但它给了我一个错误,我不能在课堂上使用钩子。

当我在函数中使用此代码时(正如我在 YouTube 教程中看到的那样),它可以正常工作。在这里,我可以访问商店的柜台。

 function App() {
      const counter = useSelector(state => state.counter);
    
      return <div>{counter}</div>;
    }
Run Code Online (Sandbox Code Playgroud)

但是当我想在课堂上这样做时,它给了我一个错误,我不能在课堂上使用钩子。

那么如何在类组件中访问我的商店 useSelector 或 useDispatch 呢?

react-redux

26
推荐指数
2
解决办法
2万
查看次数

如何通过redux中的api获取数据?

我是reactjs/redux的初学者,找不到一个简单易用的如何使用api调用来检索redux应用程序中的数据的示例.我想你可以使用jquery ajax调用,但有可能有更好的选择吗?

reactjs react-redux

25
推荐指数
2
解决办法
4万
查看次数

为什么不应该使用componentWillMount?

解雇服务器调用在componentWillMount生命周期方法中获取数据是一种不好的做法?

为什么使用componentDidMount更好.

javascript reactjs redux react-redux

25
推荐指数
3
解决办法
1万
查看次数

如何使用选项卡导航器将道具传递给 Screen 组件?

这是我在 StackOverflow 上的第一篇文章,如果我没有遵循正确的格式,我深表歉意。

我正在构建我的第一个应用程序,tab navigator from React Navigation v 5.x并且在将道具从一个屏幕传递到另一个屏幕时遇到了一个大问题

我想要实现的是:

  1. 在我的一个屏幕中更改数据列表。
  2. 让这些更改影响另一个屏幕上发生的事情。

我已经尝试过这个(我没有设置道具传递下去),这个(react-navigation 的弃用版本)和这个(react-navigation 的旧版本)。

和 Redux,但当前版本的 React 导航没有可用的示例。

我已经对此束手无策了,真的需要逐步了解如何实现这一目标。这是我想要做的粗略草图:

在此处输入图片说明

我想到的方法是通过回调将父状态作为道具发送下来,但是我找不到通过最新版本的反应导航中的屏幕组件发送道具的方法......

这是我的导航设置:

const Tab = createBottomTabNavigator()

export default class MyApp extends Component{

    constructor(props) {
        super(props);
    }

    render(){
        return (
            <NavigationContainer>
                <Tab.Navigator 
                    screenOptions={({ route }) => ({
                        tabBarIcon: ({ focused, color, size }) => {
                            let iconName;

                            if (route.name === 'My tests') {
                                iconName = focused ? 'ios-list-box' : 'ios-list';
                            } else …
Run Code Online (Sandbox Code Playgroud)

parameter-passing reactjs react-native react-redux react-props

25
推荐指数
4
解决办法
2万
查看次数

React路由器,以编程方式导航时传递数据?

我们可以使用导航到不同的路径

this.props.router.push('/some/path')

有没有办法在导航时发送params(对象)?

还有其他我可以想到的选择,但是想知道是否可以通过object

  • 我可以嵌入对象的id并从新页面重新从服务器中获取对象.

  • 或者我可以将对象存储在全局存储中,如redux store.(这个对象需要很快从商店中删除.所以我认为把它放在那里可能不太好)

reactjs react-router react-redux

24
推荐指数
6
解决办法
4万
查看次数

redux-react中的调度函数

我正在研究反应,我有一个这样的例子

//index.js
const store = createStore(reducer)
render(
  <Provider store={store}>
    <AddTodo />
  </Provider>,
  document.getElementById('root')
)

//Apptodo.js
import React from 'react'
import { connect } from 'react-redux'
import { addTodo } from '../actions'

let AddTodo = ({ dispatch }) => {
  let input

  return (
    <div>
      <form onSubmit={e => {
        e.preventDefault()
        if (!input.value.trim()) {
          return
        }
        dispatch(addTodo(input.value))
        input.value = ''
      }}>
    .......
Run Code Online (Sandbox Code Playgroud)

为什么不能得到this.pros.store,只需调用dispatch()函数?

编辑:它是如何提取dispatchthis.pros.不是对象this.pros.store吗?在这种情况下,为什么我们不提取store

谢谢.

javascript ecmascript-6 reactjs react-redux

24
推荐指数
2
解决办法
4万
查看次数

找不到模块:无法解析“material-ui/AutoComplete”

我安装了 material-ui-search-bar 然后我想使用 SearchBar。但我有下一个问题:

./node_modules/material-ui-search-bar/lib/components/SearchBar/SearchBar.js
Module not found: Can't resolve 'material-ui/AutoComplete' in '...node_modules/material-ui-search-bar/lib/components/SearchBar'
Run Code Online (Sandbox Code Playgroud)

我该如何解决?

reactjs material-design redux material-ui react-redux

24
推荐指数
4
解决办法
5万
查看次数