2017-03-06 4 views
0

Ich möchte react-redux und axios verwenden, um einige JSON-Daten zu erhalten und meine Komponenten zu aktualisieren, aber ich habe es schon oft versucht, es funktioniert immer noch nicht, generierte HTML ist wie folgt :react-redux kann meinen Container nicht anzeigen

<div id="root"> 
    <simple_result_container data-reactroot=""></simple_result_container> 
</div> 

Hier ist mein Code, ich etwas fehlt bin so viel wie möglich Bitte sagen Sie mir, das ist mir sehr verwirrend, können Sie erklären, wie kann ich mithilfe von react-redux .Any die jSON-Daten erhalten und angezeigt werden Hilfe wäre willkommen.

index.js

render(
    <Provider store={store}> 
     <simple_result_container ddd="da" /> 
    </Provider>, 
    document.getElementById('root') 
); 

simple_result_container.js

@connect(state => state, dispatch => bindActionCreators({get_simple_result}, dispatch)) 
export class simple_result_container extends Component { 
    constructor(props) { 
     super(props); 
    } 

    componentWillMount() { 
     const {simple_result_value} = this.props.simple_result_tmp; 
     if (simple_result_value === "") { 
      this.props.get_simple_result(); 
     } 
    } 
    render() { 
     const {simple_result_value} = this.props.simple_result_tmp; 
     return (
      <div className={bb}> 
       <div className="aa"> 
        <simple_result_component 
         code={simple_result_value.code} 
         msg={simple_result_value.msg} 
        /> 
       </div> 
      </div> 
     ); 
    } 
} 

Antwort

Verwandte Themen