如何在React/jsx中显示三元组中真实的组件和变量？

在React/jsx中显示三元组中真实的组件和变量，可以通过以下步骤实现：

首先，确保已经引入了React库，并创建一个React组件。
在组件中定义一个三元表达式，用于根据条件选择要显示的组件或变量。三元表达式的语法是 condition ? trueValue : falseValue。
在trueValue中，可以直接使用组件或变量，无需特殊处理。
在falseValue中，可以使用null、undefined或其他占位符来表示不显示任何内容。

以下是一个示例代码：

import React from 'react';

class MyComponent extends React.Component {
  render() {
    const condition = true;
    const trueComponent = <TrueComponent />;
    const falseComponent = <FalseComponent />;
    const variable = 'Hello, World!';

    return (
      <div>
        {condition ? trueComponent : falseComponent}
        {condition && <span>{variable}</span>}
      </div>
    );
  }
}

class TrueComponent extends React.Component {
  render() {
    return <h1>This is the true component.</h1>;
  }
}

class FalseComponent extends React.Component {
  render() {
    return <h1>This is the false component.</h1>;
  }
}

export default MyComponent;

在上述示例中，根据条件condition的值，选择显示TrueComponent或FalseComponent组件。同时，使用condition && <span>{variable}</span>的方式，在条件为真时显示变量variable。

请注意，以上示例中的组件和变量仅作为示意，实际应用中可以根据需求进行替换。

推荐的腾讯云相关产品和产品介绍链接地址：