구성 요소를 렌더링하는 reactJs 구성 요소의 인스턴스

Question

구성 요소를 렌더링하기 위해 reactJS 구성 요소의 인스턴스를 사용할 수 있습니까? 예,의 내 reactJS 구성 요소 내 다른 구성 요소 내에서 내가 할 수있는 지금

class myComponent extends Component{ 
    constructor(props){ 
    super(props) 
    this.state = { 
     next:false 
    } 
    this.alertSomething = this.alertSomething.bind(this); 
    this.showNext = this.showNext.bind(this); 
    } 

    showNext(){ 
    console.log('wow'); 
    console.log(this.state, this, this.state.next); 
    this.setState({next:true}); 
    } 

    alertSomething(){ 
    alert('Alert Something') 
    console.log(this.state, this, this.state.next); 
    this.setState({next:true}); 
    } 

    render(){ 

    return(
     <div className='column'> 
     </div> 
    ) 
    } 
} 

export default myComponent 

라고하자; 내가 거기 썰매의 모든 모든 구성 요소 그냥 자바 스크립트 객체 후,이를 달성하기 위해 다른 방법이 될 생각

let x = new displayContent.renderComponent(); 
    render(
    <x /> 
    //or 
    <x.render /> 
    ) 

는 // 나는 시도 모두 작동하지 않았다.

동시에 내가 함수를 호출하여 상태를 변경할 수 있습니까? 처럼.

x.someFunction(); 

여기서 someFunctino는 setState 하, 반응 성분을 그 안에있다.

가능합니까? 또는 나는 무엇인가 놓치고 있냐?

편집 : 반응 성분을 렌더링하려는 경우 항상 <component />을 사용할 수 있음을 분명히 이해합니다. 이 질문은 호기심에서 벗어났습니다.이 작업을 수행 할 수 있습니까? 그렇지 않다면, 왜?, 나는 다른 자바 스크립트 객체와 다른 점을 의미합니다.

Answer 1

글쎄, 당신은 구성 요소를 렌더링하는 React.createElement 방법을 사용할 수 있습니다 :

React.createElement(Component, params) 

하지만 JSX와

, 이것은 동일합니다 :

이

<Component /> 

이 반작용 문서에 Multiple components를 참조하십시오.

Answer 2

이것은 React를 사용하는 방법이 아닙니다. 객체 인스턴스화를 처리 할 필요가 없습니다. 반응은 당신을 위해 이것을하십시오. 대신 컴포지션을 사용하십시오. 당신이 상위 구성 요소에서 하위 구성 요소의 상태를 설정하려면

render() { 
    return (
    <myComponent /> 
) 
} 

또한, 당신은 아마 부모의 논리를 이동해야합니다.