Reactjs 配置如果有其他组件,则响应

Reactjs 配置如果有其他组件,则响应,reactjs,typescript,Reactjs,Typescript,我已经根据添加了一个if-else元素到我的React组件;但是,由于将React组件包含在和{}之间的语法差异,我不确定如何进一步配置该组件 以下是我的简化版本(用TypeScript编写): 下面是getMediaElement()reduced: private getMediaElement() { //... video can also be returned return document.createElement("audio");

我已经根据添加了一个
if-else
元素到我的React组件;但是,由于将React组件包含在
{}
之间的语法差异,我不确定如何进一步配置该组件

以下是我的简化版本(用TypeScript编写):

下面是
getMediaElement()
reduced:

private getMediaElement() {
    //... video can also be returned
    return document.createElement("audio");
    //...
}
从这里,最好是内联的,我希望能够添加类信息等,类似于(在React中也是可行的):

  • 如何使用上述语法访问元素的属性?最终,我需要指定一个参考。任何文档都将是伟大的

    是否仅通过对象属性(即:


    mediaElement.src=”“

    我认为最好的方法是呈现React元素,而不是普通的HTML元素。看

    您可以像这样重写代码:

    private getMediaElement(src) {
        //... video can also be returned
        return (<audio src={ src } />);
        //...
    }
    
    public render() {
        const mediaElement = this.getMediaElement(this.props.src);
        return (mediaElement);
    }
    
    私有getMediaElement(src){ //…还可以返回视频 返回(); //... } 公共渲染(){ const mediaElement=this.getMediaElement(this.props.src); 返回(mediaElement); }
    然后,您可以稍后通过组件的道具访问类的道具。

    我认为最好的方法是呈现React元素,而不是普通的HTML元素。看

    您可以像这样重写代码:

    private getMediaElement(src) {
        //... video can also be returned
        return (<audio src={ src } />);
        //...
    }
    
    public render() {
        const mediaElement = this.getMediaElement(this.props.src);
        return (mediaElement);
    }
    
    私有getMediaElement(src){ //…还可以返回视频 返回(); //... } 公共渲染(){ const mediaElement=this.getMediaElement(this.props.src); 返回(mediaElement); }
    然后,您可以稍后通过组件的道具访问类的道具。

    您可以粘贴
    getMediaElement()
    方法实现吗?我不知道
    getMediaElement()
    是否返回React类或普通html元素?@drinchev只是一个普通html元素。你能粘贴你的
    getMediaElement()
    方法实现吗?我不知道
    getMediaElement()
    是否返回React类或普通html元素?@drinchev只是一个普通html元素。张贴。
    private getMediaElement(src) {
        //... video can also be returned
        return (<audio src={ src } />);
        //...
    }
    
    public render() {
        const mediaElement = this.getMediaElement(this.props.src);
        return (mediaElement);
    }