网络技术问题 | React.js 测验 | 第 3 组 | 问题 11

问题描述

在 React 中，如何在组件中设置属性？

回答

在 React 中，我们可以通过组件的 props 属性来设置组件的属性。组件的 props 属性是一个 JavaScript 对象，其中包含了组件的所有属性。

我们可以通过在组件标签中设置属性来传递 props，例如：

// ParentComponent.js
import React from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  return <ChildComponent name="John" age={23} />;
}

export default ParentComponent;

// ChildComponent.js
import React from 'react';

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

export default ChildComponent;

在上面的代码中，我们在 ParentComponent 中渲染了一个 ChildComponent 组件，并且传递了两个 props：name 和 age。

在 ChildComponent 中，我们通过 props 参数来获取传递过来的 props。

通过这样的方式，我们就可以在组件中设置属性了。

需要注意的是，props 是只读的，即不能在组件内部修改 props 的值。