面试题：React中如何通过Props动态控制组件内元素字体颜色样式

Question

在React项目中，有一个简单组件，假设已经定义了一个props属性`textColor`，请编写代码实现根据这个`textColor`动态控制组件内`<p>`标签的字体颜色。

Answer 1

import React from 'react';

const SimpleComponent = ({ textColor }) => {
    return (
        <p style={{ color: textColor }}>这里是段落文本</p>
    );
};

export default SimpleComponent;