ElemeFE / ElemeFE/element-react

crash when use with redux `Provider` component

Open
#1,017 1 comment 1 reaction 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2.8k
Forks
435
PR merge metrics
No merged PRs in 30d

Description

### Description

When I user any element-react component in `` component of react-redux. I got some error like this:
![image](https://user-images.githubusercontent.com/24818359/64621475-50b73b80-d418-11e9-9d71-d65c6003c13f.png)

### Reproduce Steps

1. create a simple store
action.ts:
```
import { AnyAction } from "redux";

export const ACTION_SET_TOKEN = 'ACTION_SET_TOKEN'

interface ActionSetToken extends AnyAction {
type: string,
token: string
}

export type TokenActions = ActionSetToken
```
reducer.ts:
```
import { TokenActions, ACTION_SET_TOKEN } from "./action";
import { combineReducers } from "redux";

const tokenRd = (state = { token: '' }, action: TokenActions) => {
switch (action.type) {
case ACTION_SET_TOKEN:
return {
...state,
token: action.token
}
}
return state
}

const rootReducer = combineReducers({
tokenRd
})

export default rootReducer
```
store.ts:
```
import CommonReducers from './common/reducer'
import { createStore } from 'redux';

export default createStore(CommonReducers)
```
2. just render a simple component with any element-react component, like Buttom
```
import React from 'react';
import ReactDOM from 'react-dom';
import * as serviceWorker from './serviceWorker';

import { initIntl } from 'locale'
import 'element-theme-default'
import './index.styl';

import { Provider } from 'react-redux';
import store from 'store'
import { Button } from 'element-react';

initIntl()

ReactDOM.render(

Test
,
document.getElementById("root")
);

serviceWorker.unregister();
```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.