>source

MapStatetoprops에서 문제가 발생하고, console에서 정의되지 않은 상태가 표시되고 있지 않습니다. opp.js의 console.log를 undefineVal을 표시합니다. 그것은 단순한 반응 Redux code 일뿐입니다. 나는 실수를 찾을 수 없다. 나는 그것에 대해 아는 모든 것을 시도해 봤습니다.

index.js


import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import 'bootstrap/dist/css/bootstrap.min.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import store from './redux/store';
import {Provider} from 'react-redux';
ReactDOM.render(
  <React.StrictMode>    <Provider store={store}>        <App />    </Provider>  </React.StrictMode>,
  document.getElementById('root')
);
//If you want to start measuring performance in your app, pass a function
//to log results (for example: reportWebVitals(console.log))
//or send to an analytics endpoint.
reportWebVitals();

app.js


import './App.css';
import React,{Component} from 'react';
import {Route,withRouter} from 'react-router-dom';
import {Provider,connect} from 'react-redux';
class App extends Component{
  render(){
    console.log(this.props.loginval);
    return (
        <div className="App">          HELLO
        </div>    );
  }
}
const mapStateToProps= state=> {
  return {
      loginval:state.loginval
  };
};
export default connect(mapStateToProps)(App);

store.js

import {createStore} from 'redux';
import changeLogin from './reducer/loginValue';
const store=createStore(changeLogin,window.__REDUX_DEVTOOLS_EXTENSION__ &amp;
&amp;
 window.__REDUX_DEVTOOLS_EXTENSION__());
export default store;

loginvalue.js


const initialState={
    loginval:true
};
const changeLogin= (state=initialState,action)=> {
    switch(action.type){
        case "Change": return !state.loginval;
        default: return state.loginval;
    }
};
export default changeLogin;

액션


    export const changelogin=()=>{
        return{
            type:"Change"
        }
    }

  • 이전 spring : 스프링 배치 Excel을 사용하여 Excel 파일에서 숫자 값을 읽는 방법
  • 다음 php : CodeIgniter가 예상대로 하위 배열이있는 배열을 생성하지 않습니다