Question

我有一个带有变量的纯组件，该变量存储组件的条件部分。该部分应该显示我得到一个＆＃34; 0＆＃34;而不是实际部分：

export function MyComponent(props) {
    let section;

    if (props.showSection) {
        section = (
            <span>{ props.firstName } { props.lastName | ""}</span>
        )
    }

    return (
        <div> { props.children } { section } </div>
    )
}

然后我使用它时：

...
return (
    <div>
        <MyComponent showSection={ true } firstName="philip" lastName="johnson">
            My First Name is
        </MyComponent>
    </div>
)
...

结果：

＆＃34;我的名字是0＆＃34;

为什么会这样？

Answer 1

发生这种情况的原因是因为单个管道|。

那个小管子正在把它变成bitwise操作。

双管它，这将解决问题。

...
section = (
            <span>{ props.firstName } { props.lastName || ""}</span>
        )
...

JSX React变量返回＆＃34; 0＆＃34;而不是组件

1 个答案: