Reactコンポーネントの変数の値を変更する方法

Question

私はこのReactコンポーネントを持っています。変数のタイトルの値を関数test（）で変更したいと思います。

import * as React from 'react'; 
import * as ReactDOM from 'react-dom'; 
import { ValueStore } from '../../host/redux/list.store'; 
import { removeLast } from '../../host/redux/list.action'; 
import { Injector } from '@angular/core'; 
import { Model } from '../../model'; 

interface ReactChildComponentViewProps { 
    title: String; 
    store: ValueStore; 
    injector: Injector; 
} 

var ReactChildComponent = React.createClass<ReactChildComponentViewProps, any>({ 

    getInitialState: function() { 

     console.log('Using Angular 2 injector in React body, model.uuid: ' + model.uuid); 

    }, 

    render: function() { 
     var title = "Ttile"; 

     return(
      <div> 
       {title} 

      </div> 
     ); 
    } 
}); 

export class ReactChildComponentView { 

    static initialize(title, store: ValueStore, containerId: string, injector: Injector) { 
     ReactDOM.render(<ReactChildComponent title={title} store={store} injector={injector}/>, document.getElementById(containerId)); 
    } 
    static test() { 
     console.log('Test'); 

     //this.props.store.dispatch(removeLast()); 
    } 
} 

function test（）でtitleの値を変更することはできますか？はいどうすればいいですか？

Answer 1

あなたが理解している限り、titleを動的にしたいですか？ あなたが状態にtitleを配置する必要があり、あなたはイースリーthis.setState({title:"whatever"});とそれを操作することができますし、それを表示するために、私は、このコードに関係することはできませんよthis.state.title