Reactjs 如何根据标记有条件地显示图像'；s在js中的值？

我对反应非常陌生，我一直在阅读关于条件句的文档，但我似乎无法在这里让事情顺利进行

[编辑以反映评论中的建议]

我有这个：

function MyGraphOne(props){return <img src='/graphOne.png' />;}
function MyGraphThree(props){return <img src='/graphThree.png' />;}

函数MyGraphOne（props）{return；}
函数MyGraphThree（props）{return；}

我有一个名为{pattern}的值，它可以是三个值之一：1、2或3

我想写这样的东西就很简单了：

function displayMyGraph(props){
    if (props.pattern == 'one'){ //or 'two', or 'three'
       return <MyGraphOne />
    }
    return <MyGraphThree />
}

函数显示MyGraph（道具）{
如果（props.pattern=='one'）{//或'two'或'twree'
返回
}
返回
}

---

无论模式值如何，函数都返回MyGraphThere

您的代码可能有输入错误，条件应该是

=

或

==

而不是

=

，否则这是一个分配。默认情况下，您需要返回一些内容。（可以在react中返回

null

）react组件名称应以大写字母开头，因此应为

MyGraphOne

Welp。。。就这样。我不敢相信我仍然犯了那个错误。好吧，它“起作用”，但不正确。如果模式值为“一”，则显示默认图形；在本例中，它应该为“三”显示的图形。编辑代码以反映。您的代码中可能有键入错误，条件应为

=

或

==

而不是

=

，否则这是一个分配。默认情况下，您需要返回一些内容。（可以在react中返回

null

）react组件名称应以大写字母开头，因此应为

MyGraphOne

Welp。。。就这样。我不敢相信我仍然犯了那个错误。好吧，它“起作用”，但不正确。如果模式值为“一”，则显示默认图形；在本例中，它应该为“三”显示的图形。编辑代码以反映。