在 React Props 中添加 int 和 string

在 React 中，我们可以通过 Props 来向组件传递数据，例如：

<Person name="John Doe" age={30} />

在上面的例子中，我们向 Person 组件传递了一个字符串和一个整数作为 Props。

在 Props 中传递整数

与传递字符串类似，传递整数也很简单。我们可以直接将整数作为 Props 的值传递给组件。

<Person age={30} />

上面的例子中，我们向 Person 组件传递了一个整数作为 age Props。

在 Props 中传递字符串

同样地，我们也可以将字符串作为 Props 的值传递给组件。

<Person name="John Doe" />

上面的例子中，我们向 Person 组件传递了一个字符串作为 name Props。

在 Props 中传递多个数据类型

为了传递多个数据类型（例如一个字符串和一个整数），我们可以简单地将它们作为不同的 Props 传递给组件。

<Person name="John Doe" age={30} />

上面的例子中，我们向 Person 组件传递了一个字符串作为 name Props，以及一个整数作为 age Props。

Props 类型检查

为了在开发过程中捕捉错误，我们可以使用 PropTypes 来对 Props 进行类型检查。例如，我们可以为 Person 组件添加 Props 类型检查，如下所示：

import PropTypes from 'prop-types';

function Person(props) {
  return (
    <div>
      <p>Name: {props.name}</p>
      <p>Age: {props.age}</p>
    </div>
  );
}

Person.propTypes = {
  name: PropTypes.string.isRequired,
  age: PropTypes.number.isRequired
};

export default Person;

上面的例子中，我们使用了 PropTypes 对 name 和 age Props 进行了类型检查。isRequired 属性表示这些 Props 是必需的。

总结

在 React Props 中添加 int 和 string 非常简单，我们只需要在 Props 中向组件传递整数或字符串即可。同时，我们也可以使用 PropTypes 对 Props 进行类型检查，以避免在开发过程中出现错误。