静态页面如何在组件内传参

静态页面在组件内传参需要使用 props 属性。在父组件中使用静态页面的时候，可以通过设置 props 将数据传递给静态页面。具体的步骤如下：

1. 在父组件中设置 props 属性，将需要传递的数据传递给静态页面。

2. 在静态页面中通过 this.props 访问父组件传递过来的数据。

下面是一个简单的示例代码：

// 父组件
import React from 'react';
import StaticPage from './StaticPage';

class ParentComponent extends React.Component {
  render() {
    const data = '这是父组件传递过来的数据';
    return (
      <div>
        <StaticPage data={data} />
      </div>
    );
  }
}

// 静态页面
import React from 'react';

class StaticPage extends React.Component {
  render() {
    return (
      <div>
        <p>静态页面展示数据：{this.props.data}</p>
      </div>
    );
  }
}

export default StaticPage;

在上面的代码中，父组件通过将数据传递给 StaticPage 组件的 data 属性，实现了在静态页面中展示数据的功能。