javascript - 从反应函数返回 HTML

Question

我是 reactJs 的新手，我想从函数返回 HTML 代码

changeValue= (e) =>{
    if(e.target.value=="Albania"){
        return(
            <select>
                <option>1</option>
                <option>2</option>
            </select>
        )
    }
}

render (){

        return(

               <select onChange= {this.changeValue}>
                   {country}
               </select>


        )
    }
}

当我将选择选项更改为阿尔巴尼亚时，选项 1,2 不显示

谢谢你。

标签： javascriptreactjsjsx

Answer 1

您可以将其设置为一个变量并{country}像下面这样呈现它；

const selectOption1_2 =null;
changeValue= (e) =>{
    if(e.target.value=="Albania"){
        selectOption1_2 = (
            <select>
                <option>1</option>
                <option>2</option>
            </select>
        )
    }
    else
        selectOption1_2 = null;

}

render (){

        return(

               <select onChange= {this.changeValue}>
                   {country}
               </select>
               {selectOption1_2}


        )
    }
}

最好放在selectOption1_2状态 tho 中。