Javascript 如何创建在reactjs中调用标记的函数？

我想在reactjs中创建一个具有如下标记的函数：

export class Counter extends Component {
    anyFunction() {
        return <h1>Hello there</h1>;
    }
    render() {
        return (
          <React.Fragment>
            {this.anyFunction()}
          </React.Fragment>
           );
    }
}

导出类计数器扩展组件{
anyFunction（）{
在那里回你好；
}
render（）{
返回(
{this.anyFunction（）}
);
}
}

可能吗？我想在函数中调用标记，然后作为返回语句调用。

您可以这样做

export class Counter extends Component {

    render() {
    var someTag = <h1>Hello there</h1>;
        return (
          <React.Fragment>
            {someTag}
          </React.Fragment>
           );
    }
}

导出类计数器扩展组件{
render（）{
var someTag=你好；
返回(
{someTag}
);
}
}

您不能创建类内或功能组件，您需要创建第二个组件

const AnyFunction = (props) => (
  <h1>Hello there</h1>
)

export class Counter extends Component {
    render() {
        return (
          <React.Fragment>
            <AnyFunction />
          </React.Fragment>
           );
    }
}

constanyfunction=（props）=>(
你好
)
导出类计数器扩展组件{
render（）{
返回(
);
}
}

用于条件渲染

const AnyFunction = (props) => (
  <h1>Hello there</h1>
)

export class Counter extends Component {
    render() {
        return (
          <React.Fragment>
            { num === 1 && <AnyFunction /> }
            { num === 1 ? <AnyFunction /> : <AnyOtherFunction /> }
          </React.Fragment>
           );
    }
}

constanyfunction=（props）=>(
你好
)
导出类计数器扩展组件{
render（）{
返回(
{num===1&&}
{num==1？：}
);
}
}

写下来就行了。您的代码似乎正确。如果我想添加if num==1的if语句呢@SankalpBhatia我已经更新了我的帖子，如果有帮助，请更新投票full@SankalpBhatia如果else

{num==1？：}

条件呈现未使用自定义标记，也可以执行此操作。我用另一个.js文件创建了一个标记，但它没有返回为expected@SankalpBhatia请提供更多详细信息，说明您是如何创建另一个.js的