使用React时，我们经常需要将父组件的数据传递给子组件。这些数据通过props属性进行传递。在React JSX中，我们可以将props的值设置为占位符属性，以便在子组件中使用。

jsx
// 父组件 HelloWorld
import React from 'react';
import Greeting from './Greeting';
class HelloWorld extends React.Component {
  render() {
    const name = "John Doe";
    return (
      
        
      
    );
  }
}
export default HelloWorld;
// 子组件 Greeting
import React from 'react';
class Greeting extends React.Component {
  render() {
    return (
      
        
Hello, {this.props.name}!
      
    );
  }
}
export default Greeting;

jsx
// 父组件 HelloWorld
import React from 'react';
import Greeting from './Greeting';
class HelloWorld extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      name: "John Doe"
    };
  }
  handleClick = () => {
    this.setState({ name: "Jane Doe" });
  }
  render() {
    return (
      
        
        Change Name
      
    );
  }
}
export default HelloWorld;