Reactjs 我正在尝试呈现一个<；img>；在react组件中使用三元运算符标记，但在运行代码时<；img>；标记被忽略

这是我的原始代码，它使我的img标记变得很好：

    import React from 'react' 
    import './Arena.css'

    function Arena({ phase }) {

return (
    <div className='backBoard'>
        <div className='canvas'>

        <img style={{height:"320px", width: '280px'}} src= 
   {require('./stickman/11.png')}/>

        </div>
    </div>)
    }

    export default Arena

从“React”导入React
导入“./Arena.css”
功能竞技场（{phase}）{
返回(
)
}
导出默认竞技场

相位=用道具传递的整数0。。 我试过这个：

import React from 'react' 
import './Arena.css'

function Arena({ phase }) {

return (
    <div className='backBoard'>
        <div className='canvas'>

        {
            phase === 0
            ?
            <img style={{height:"320px", width: 
'280px'}} 
    src={require('./stickman/11.png')}/>
            :
            "not image"

        }

        </div>
    </div>)
}

export default Arena

从“React”导入React
导入“./Arena.css”
功能竞技场（{phase}）{
返回(
{
相位===0
?
:
“不是图像”
}
)
}
导出默认竞技场

当呈现我的网页时，“not image”字符串是三元运算符返回的字符串。是否有不同的条件语句适用于这种特殊情况？或者是另一种方法

是否有不同的条件语句适用于这种特殊情况

您可以使用“&&”，检查下面的示例

关于你的问题，你确定你的“阶段”道具是0吗

尝试此操作，然后剪切并粘贴console.log输出：

import React from 'react' 
import './Arena.css'

const Arena = ({ phase }) => {
  console.log(phase);
  console.log(typeof phase);
  return (
    <div className='backBoard'>
        <div className='canvas'>
        {
            (phase === 0) && (
              <img
                style={{height:"320px", width: '280px'}} 
                src={require('./stickman/11.png')} />
            )
        }
        </div>
    </div>
  )
}

export default Arena

从“React”导入React
导入“./Arena.css”
常量竞技场=（{phase}）=>{
控制台日志（阶段）；
控制台日志（阶段类型）；
返回(
{
（相位===0）和(
)
}
)
}
导出默认竞技场

它应该打印0和“数字”

是否有不同的条件语句适用于这种特殊情况

您可以使用“&&”，检查下面的示例

关于你的问题，你确定你的“阶段”道具是0吗

尝试此操作，然后剪切并粘贴console.log输出：

import React from 'react' 
import './Arena.css'

const Arena = ({ phase }) => {
  console.log(phase);
  console.log(typeof phase);
  return (
    <div className='backBoard'>
        <div className='canvas'>
        {
            (phase === 0) && (
              <img
                style={{height:"320px", width: '280px'}} 
                src={require('./stickman/11.png')} />
            )
        }
        </div>
    </div>
  )
}

export default Arena

从“React”导入React
导入“./Arena.css”
常量竞技场=（{phase}）=>{
控制台日志（阶段）；
控制台日志（阶段类型）；
返回(
{
（相位===0）和(
)
}
)
}
导出默认竞技场

它应该打印0和“数字”