Javascript 如何正确导出react组件

我在React中执行以下代码，新手，但它似乎不起作用，这里出了什么问题：

// React 16.x code below
import React from 'react';

// Create the Label React component here

function Label(props){
    var c = "color:'" + props.color + "'";
    return <div style="{c}">{props.value}</div>
}

// Modify this function if you want to change the preview
// It will not be evaluated as part of the assessment
export function Preview() {
    return <Label value={'Solution'} color={'blue'} />;
    // ReactDOM.render()
}

// Do not change
export default Label;

//下面是React 16.x代码
从“React”导入React；
//在此处创建标签React组件
功能标签（道具）{
var c=“color:”+props.color+”；
返回{props.value}
}
//如果要更改预览，请修改此函数
//它不会作为评估的一部分进行评估
导出函数预览（）{
回来
//ReactDOM.render（）
}
//不要改变
导出默认标签；

---

样式

道具接受一个对象

style属性接受具有camelCased属性的JavaScript对象，而不是CSS字符串

功能标签（道具）{
返回{props.value}；
}
你说它不起作用是什么意思。你的错误是什么
function Label(props) {
  return <div style={{ color: props.color }}>{props.value}</div>;
}