在React中，有多种不同的组件调用方式。下面是几种常见的方式及其代码示例：

1. 直接调用组件：

import MyComponent from './MyComponent';

function App() {
  return (
    

      
    
  );
}

2. 使用组件时传递props：

import MyComponent from './MyComponent';

function App() {
  const name = "John";
  return (
    

      
    
  );
}

在上面的例子中，name作为props传递给了MyComponent组件。

3. 使用组件时传递子元素：

import MyComponent from './MyComponent';

function App() {
  return (
    

      
        
Hello, world!
      
    
  );
}

在上面的例子中，通过将

标签作为子元素传递给MyComponent组件，可以在组件内部访问和渲染该子元素。

4. 使用组件时使用Hooks：

import React, { useState } from 'react';
import MyComponent from './MyComponent';

function App() {
  const [count, setCount] = useState(0);
  return (
    

      
    
  );
}

在上面的例子中，使用了useState Hook来创建一个状态变量count和一个用于更新count的函数setCount，并将它们作为props传递给MyComponent组件。

这些是几种常见的组件调用方式示例，根据具体需求选择合适的方式进行组件的调用。