Javascript 从react函数返回HTML

我是新来的 我想从函数返回一个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>


        )
    }
}

changeValue=（e）=>{
如果（e.target.value==“阿尔巴尼亚”）{
返回(
1.
2.
)
}
}
渲染（）{
返回(
{国家}
)
}
}

当我将“选择”选项更改为“选择”时，将不显示选项1,2

---

谢谢。

您可以将其设置为变量，并将其呈现为

{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}


        )
    }
}

const selectOption1\u 2=null；
changeValue=（e）=>{
如果（e.target.value==“阿尔巴尼亚”）{
选择选项1\u 2=(
1.
2.
)
}
其他的
选择Option1_2=null；
}
渲染（）{
返回(
{国家}
{selectOption1_2}
)
}
}

---

最好将

selectOption1\u 2

置于状态tho。

您可以使用状态进行设置

constructor（）{
this.state={options:countries}；
}
changeValue=（e）=>{
e、 坚持（）；
如果（e.target.value==“阿尔巴尼亚”）{
this.setState（{options:12}）；
}
}
渲染（）{
返回(
{this.state.options}
)
}

我认为你需要先学习html。你需要在开始时渲染选项我的意思是当我更改值时，event changeValue应该工作并返回选择，但它没有显示选择，我不知道为什么，我的意思是你需要先渲染选项。所以用户可以在屏幕上选择一些东西。让我发布一个答案是的，我有一个包含所有国家名称的选择选项，我在将选择值更改为阿尔巴尼亚时放置一个事件，如果函数显示选项1,2hmm ok，你需要澄清你想在这里实现什么？我想在用户在屏幕中选择阿尔巴尼亚后显示选项1,2，而不是在控制台中。这将不起作用，因为组件不会重新加载。您应该将SelectOptions 1\u 2存储在state@AdamJeli这就是我在回答结束时提出的建议。但我无法添加状态，因为OP没有共享整个组件。谢谢你的否决票