Bir iletkenin Yanıt bileşimi olarak işlenmesi

Question

Reaksiyon bileşenlerini, başka bir sayfadan dinamik olarak alıyorum girdisi olarak bir dizeyle işlemek istiyorum. Reaksiyon bileşenleri için referanslara sahip olacağım. İşte ben dize olarak Başlık bileşeni alıyorum Bu örnekte örnek

Page1: 
----------------------------- 
loadPage('<div><Header value=signin></Header></div>'); 

Page2: 
-------------------------------- 
var React =require('react'); 
var Header = require('./header'); 

var home = React.createClass({ 

loadPage:function(str){ 

      this.setState({ 
      content : str 
      }); 

    }, 

render : function(){ 

    return {this.state.content} 
} 

}); 

olduğunu ve benim alıcı sayfasında Başlık bileşeninin başvuru var. Halatı, gerçek tepki bileşeniyle (

Answer 1

) nasıl değiştirebilirim Kullanabileceğiniz bir dize kullanarak tepki bileşenini oluşturmak için kullanabilirsiniz. Burada yanıtını kontrol Daha fazla bilgi için

var MyComponent = Components[type + "Component"]; 
return <MyComponent />; 

: React/JSX Dynamic Component Name

Answer 2

tek modülde tüm bileşenlere sahip yaşayabilir, o zaman bu oldukça iyi çalışır:

import * as widgets from 'widgets'; 
    var Type = widgets[this.props.componentId]; 
    ... 
    <Type /> 

joker ithalat bir kesim oranı bileşen kayıt defteri gibi çalışır.

Answer 3

Bu react-jsx-parser bileşen senin sorunun