105:14行目:「accountSelector」は定義されていませんno-undef

ヒョンウォンO

誰かが問題を簡単な言葉で説明してくれませんか。そうすれば、これを修正する方法を知っており、次に遭遇したときに対処できます。私はstackoverflowで見つけたすべての関連する質問を調べましたが、修正できませんでした。これに答える質問を見逃した場合は、リンクしてください。私は過去にこのエラーが発生しましたが、通常はタイプミス(小文字ではなく大文字など)があったか、正しくインポートされなかったためですが、今回はそうではありません。最初のコードapp.js2番目のコードinteractions.js

これが私のコードです

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import Navbar from './Navbar'
import Web3 from 'web3';   
import { connect } from 'react-redux'
// import Token from '../abis/Token.json'
import {
  loadWeb3,
  loadAccount,
  loadToken,
  loadExchange
} from '../store/interactions'

class App extends Component {
  componentWillMount() {    
    this.loadBlockchainData(this.props.dispatch)
  }
async loadBlockchainData(dispatch) {
    const web3 = loadWeb3(dispatch)
    const network = await web3.eth.net.getNetworkType()
    const networkId = await web3.eth.net.getId()
    const accounts = await loadAccount(web3, dispatch) // <<--
    const token = loadToken(web3, networkId, dispatch)
    loadExchange(web3, networkId, dispatch)
  }
// ......................

function mapStateToProps(state) {
  return {
    account: accountSelector(state)
  }
}

export default connect(mapStateToProps)(App);


import Web3 from 'web3'
import {
  web3Loaded,
  web3AccountLoaded,
  tokenLoaded,
  exchangeLoaded
} from './actions'
import Token from '../abis/Token.json'
import Exchange from '../abis/Exchange.json'

export const loadWeb3 = (dispatch) => {
  const web3 = new Web3(Web3.givenProvider || 'http://localhost:7545')
  dispatch(web3Loaded(web3))
  return web3
}

export const loadAccount = async (web3, dispatch) => {
  const accounts = await web3.eth.getAccounts()
  const account = accounts[0]
  dispatch(web3AccountLoaded(account))
  return account
}

export const loadToken = async (web3, networkId, dispatch) => {
    try {
        const token = new web3.eth.Contract(Token.abi, Token.networks[networkId].address)       // new 이거 의존성(버전) 문제 이거 조심!!!!!
        dispatch(tokenLoaded(token))
        return token
    } catch (error) {
        window.alert('Contract not deployed to the current network. Please select another network with Metamask.')
        return null
    }
} 

export const loadExchange = async (web3, networkId, dispatch) => {
  try {
    const exchange = new web3.eth.Contract(Exchange.abi, Exchange.networks[networkId].address)      
    dispatch(exchangeLoaded(exchange))
    return exchange
  } catch (error) {
    window.alert('Contract not deployed to the current network. Please select another network with Metamask.')
    return null
  }
}

なぜこれが私に起こっているのかわかりませんが、この問題を知っている場合は、この問題を知らせてください

ジュゼッペデポンテ

問題は、accountSelector関数をどこにも定義またはインポートしていないことのようです

通常、Reduxセレクター関数はレデューサー定義ファイルで定義します。これらは現在のReduxストアの状態を引数(およびオプションで接続されたコンポーネントの小道具)として受け取り、MapStateToPropsオブジェクトプロパティで使用される値を返します。

export const accountSelector = (state) => state.account

セレクターの詳細については、専用のReduxリソースページをご覧ください。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

5行目:「props」は定義されていませんno-undef

分類Dev

反応関数は定義されていませんno-undef

分類Dev

エラー「Stripe」は定義されていませんno-undef

分類Dev

'jQuery'は定義されていませんno-undef

分類Dev

エラー「_」は定義されていませんno-undef

分類Dev

redux-saga'call 'は定義されていませんno-undef

分類Dev

'handleOptionsChange'はReactJSで定義されていませんno-undef

分類Dev

現在のReactJS: 'state'は定義されていませんno-undef

分類Dev

「ButtonToolbar」は定義されていませんreact / jsx-no-undef

分類Dev

searchChangeは定義されていませんno-undef

分類Dev

「状態」は定義されていませんno-undef

分類Dev

React TinyMce: 'tinymce' は定義されていません no-undef

分類Dev

React JS Error:定義されていませんreact / jsx-no-undef

分類Dev

ESLintドル($)が定義されていません。(un-undef)

分類Dev

エラー:「$」が定義されていません。[no-undef]

分類Dev

'state'が定義されていません(no-undef)

分類Dev

React関数-定義されていませんno-undef

分類Dev

「ボタン」は定義されていませんreact / jsx-no-undef react.js

分類Dev

React、Standard&ESLint-'propTypes 'は定義されていません。(undefなし)

分類Dev

「フォーム」は定義されていませんreact / jsx-no-undef

分類Dev

ReactとRedux:取得は定義されていませんno-undefエラー

分類Dev

エラー 'moment' は ember.js で undef で定義されていません

分類Dev

BrowserRouterv4-'BrowserRouter 'が定義されていませんreact / jsx-no-undef

分類Dev

React Js:mountNodeが定義されていませんno-undefエラー

分類Dev

Reactクラスメソッドが定義されていませんno-undef

分類Dev

ESLint:「ヘルメット」が定義されていませんreact / jsx-no-undef

分類Dev

リンターエラーの解決-「浅い」は定義されていませんno-undef

分類Dev

コンパイルに失敗しました: 'props'はReactJSで定義されていませんno-undef

分類Dev

エラーはコンパイルに失敗しました定義されていませんno-undef

Related 関連記事

  1. 1

    5行目:「props」は定義されていませんno-undef

  2. 2

    反応関数は定義されていませんno-undef

  3. 3

    エラー「Stripe」は定義されていませんno-undef

  4. 4

    'jQuery'は定義されていませんno-undef

  5. 5

    エラー「_」は定義されていませんno-undef

  6. 6

    redux-saga'call 'は定義されていませんno-undef

  7. 7

    'handleOptionsChange'はReactJSで定義されていませんno-undef

  8. 8

    現在のReactJS: 'state'は定義されていませんno-undef

  9. 9

    「ButtonToolbar」は定義されていませんreact / jsx-no-undef

  10. 10

    searchChangeは定義されていませんno-undef

  11. 11

    「状態」は定義されていませんno-undef

  12. 12

    React TinyMce: 'tinymce' は定義されていません no-undef

  13. 13

    React JS Error:定義されていませんreact / jsx-no-undef

  14. 14

    ESLintドル($)が定義されていません。(un-undef)

  15. 15

    エラー:「$」が定義されていません。[no-undef]

  16. 16

    'state'が定義されていません(no-undef)

  17. 17

    React関数-定義されていませんno-undef

  18. 18

    「ボタン」は定義されていませんreact / jsx-no-undef react.js

  19. 19

    React、Standard&ESLint-'propTypes 'は定義されていません。(undefなし)

  20. 20

    「フォーム」は定義されていませんreact / jsx-no-undef

  21. 21

    ReactとRedux:取得は定義されていませんno-undefエラー

  22. 22

    エラー 'moment' は ember.js で undef で定義されていません

  23. 23

    BrowserRouterv4-'BrowserRouter 'が定義されていませんreact / jsx-no-undef

  24. 24

    React Js:mountNodeが定義されていませんno-undefエラー

  25. 25

    Reactクラスメソッドが定義されていませんno-undef

  26. 26

    ESLint:「ヘルメット」が定義されていませんreact / jsx-no-undef

  27. 27

    リンターエラーの解決-「浅い」は定義されていませんno-undef

  28. 28

    コンパイルに失敗しました: 'props'はReactJSで定義されていませんno-undef

  29. 29

    エラーはコンパイルに失敗しました定義されていませんno-undef

ホットタグ

アーカイブ