小编adi*_*mar的帖子

TypeError:Object(...)不是react-redux中的函数

当我尝试在react-redux中创建createStore时,出现了这个奇怪的错误。我不知道为什么我以前在其他应用中这样做过,但它运行良好。

TypeError: Object(...) is not a function
./src/index.js
C:/projects/facebook/facebook-react/src/index.js:14
  11 | import rootReducer from './rootReducer';
  12 | import registerServiceWorker from './registerServiceWorker';
  13 | 
> 14 | const store = createStore(
  15 |     rootReducer,
  16 |     composeWithDevtools(applyMiddleware(thunk))
  17 | );
View compiled
? 6 stack frames were collapsed.
Run Code Online (Sandbox Code Playgroud)

这是我的档案

index.js

import { createStore, applyMiddleware} from 'redux';
import { composeWithDevtools } from 'redux-devtools-extension';
import thunk from 'redux-thunk';
import { Provider } from 'react-redux';
import App from './App';
import rootReducer from './rootReducer';
import …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs redux react-redux

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

期望赋值或函数调用,而是在使用 graphcms 时在 reactjs 中看到了一个表达式

第 11 行:期望赋值或函数调用,但看到的是表达式

这是我每次运行时遇到的错误

启动

在我正在编写的 React JS 应用程序中。用于 CMS 的 GraphCMS。一切正常,除了当我尝试映射帖子时,它会出现此错误。

我怀疑这个问题可能与 JSHint 有关,但我不知道如何解决这个问题。

这是我的代码:

import React from  'react';
import { Link } from 'react-router-dom';
import  { graphql} from 'react-apollo';
import gql from 'graphql-tag';

const LandingPage = ({data: {loading, allPosts}}) => {
    if(!loading) {
        return (
            <div className="wrapper">
                {allPosts.map(post => { // <-- line 11
                    <article className="content" key={post.id}>
                        <h2>{post.title}</h2>
                        <p dangerouslySetInnerHTML={{__html: post.description}}>
                            <Link to={`/post/${post.slug}`}>
                                <button className="btn">Read More</button>
                            </Link>
                        </p>
                    </article>
                })}
            </div>
        );
    }
    return <h2>Loading Posts...</h2>
};

const …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

2
推荐指数
1
解决办法
9539
查看次数

如何在悬停时更改图标(fontawesome 图标)

当用户将鼠标悬停在图标上时,我试图更改图标。我确实在 StackOverflow链接上找到了类似的问题,但是当我尝试这个时,它并不是那么有效。当我将光标放在屏幕上时,它开始滞后。所以我想知道是否有更好的方法使用 javascript 来做到这一点。

这是我的代码

索引.html

<li class="nav-item hide-on-mb icon-box">
    <a href="#" class="nav-link ">
        <i class="fas fa-bars menu"></i>
        <i class="fas fa-times cross"></i>
    </a>
</li>
Run Code Online (Sandbox Code Playgroud)

main.css

.icon-box {
        .cross {
            display: none;
        }
        :hover .menu {
            display: none;
        }
        :hover .cross {
            display: block;
        }
    }
Run Code Online (Sandbox Code Playgroud)

html css

2
推荐指数
1
解决办法
3770
查看次数

被解雇的 Dismissible 小部件仍然是颤振树的一部分

我有一个provider用于状态管理和sqlite数据库的待办事项应用程序。

在应用程序中,我尝试添加Dismissible小部件以删除项目。

但问题是当我尝试删除项目时它确实被删除了,database但我在屏幕上出现错误。我是新手。

可消除的图像

控制台中的错误。

???????? Exception caught by widgets library ???????????????????????????????????????????????????????
The following assertion was thrown building Dismissible-[<'howll'>](dirty, dependencies: [Directionality], state: _DismissibleState#98163(tickers: tracking 2 tickers)):
A dismissed Dismissible widget is still part of the tree.

Make sure to implement the onDismissed handler and to immediately remove the Dismissible
widget from the application once that handler has fired.
User-created ancestor of the error-causing widget was: 
  TaskListTile file:///C:/Users/adity/Desktop/flutter-app/todoye/lib/widgets/task_list_view.dart:14:22
When the exception was thrown, this …
Run Code Online (Sandbox Code Playgroud)

sqlite provider dart flutter

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

使用 Signals 在 django 中注册用户后如何创建用户配置文件?

我正在尝试在用户在 django 应用程序中注册后创建用户配置文件。
用户创建工作正常,但它不是管理页面中的配置文件模型。

它没有显示任何错误。

到目前为止,我已经这样做了。

用户/信号.py

from django.db.models.signals import post_save
from django.contrib.auth.models import User
#reciever
from django.dispatch import receiver
from .models import Profile

@receiver(post_save, sender=User)
def create_profile(sender, instance, created, **kwargs):
    if created:
        Profile.objects.create(user=instance)

@receiver(post_save, sender=User)
def save_profile(sender, instance, **kwargs):
    instance.profile.save()
Run Code Online (Sandbox Code Playgroud)

用户/应用程序.py

from django.apps import AppConfig

class UsersConfig(AppConfig):
    name = 'users'
    def ready(self):
        import users.signals
Run Code Online (Sandbox Code Playgroud)

用户/模型.py

from django.db import models
from django.contrib.auth.models import User
# Create your models here.

class Profile(models.Model):
    user = models.OneToOneField(User, on_delete=models.CASCADE)
    image = models.ImageField(default='default.jpg', upload_to='profile_pic')

    def …
Run Code Online (Sandbox Code Playgroud)

python django signals django-models

1
推荐指数
1
解决办法
2546
查看次数

如何使用nodejs服务器以React Native方式实现博览会推送通知

我正在开发一个需要推送通知的应用程序。我以前没有使用过推送通知,我不知道如何使用nodejs服务器来实现它。任何人都请帮助我了解如何在服务器中实现这一点。

对于本机端的反应,我已经阅读了文档,但我仍然不太确定如何使其与服务器端一起工作。

请帮助我理解这一点。

node.js react-native expo

1
推荐指数
1
解决办法
4854
查看次数

在header上添加多个按钮

我是本机反应的新手。在这里,我试图在headerRight上添加两个按钮。我确实添加了一个按钮,但我不知道如何放置多个按钮。这样的事情。 两个按钮图标

我正在使用react-navigaitonreact-navigation-header-buttons

这就是我添加一个按钮的方式。

主屏幕

headerRight: (
            <HeaderButtons HeaderButtonComponent={CustomHeaderButton}>
                <Item
                    title={"Search"}
                    iconName={"md-search"}
                    onPress={() => {
                        console.log('Search')
                    }}
                />
            </HeaderButtons>
        ),
Run Code Online (Sandbox Code Playgroud)

CustomHeaderButton.js

import {HeaderButton, Item} from 'react-navigation-header-buttons';
import {Ionicons} from '@expo/vector-icons';
const CustomHeaderButton = props => {
    return(
        <HeaderButton
            {...props}
            IconComponent={Ionicons}
            iconSize={23}
            color={'black'}
        />
    )
};
export default CustomHeaderButton;
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-native react-navigation

0
推荐指数
1
解决办法
146
查看次数