Javascript 将道具传递给嵌套对象-Reactjs

我正在尝试将道具传递到下面的不同字段以填充图表。但是，我从尝试渲染时的React中得到此错误：

Parsing error: Unexpected token, expected ","

这是我的密码：

function BarChart(props) {
        return (
            <Bar
                data={{
                    labels: [{props.chartTitle}],
                    datasets: [
                        {
                            label: {props.timeFrames},
                            backgroundColor: {props.chartBGColor},
                            data: {props.data}
                        }
                    ]
                }}
            />
        )
}
export default BarChart;

功能条形图（道具）{
返回(
)
}
导出默认条形图；

当我传递像这样的道具时，我没有得到错误。我只是没有正确地绘制图表

function BarChart(props) {
            return (
                <Bar
                    data={props.data}
                />
            )
    }
    export default BarChart;

功能条形图（道具）{
返回(
)
}
导出默认条形图；

环绕道具值的大括号无效。如果要将其作为对象，则需要删除或添加关键点：

function BarChart(props) {
  return (
    <Bar
      data={{
        labels: [props.chartTitle],
        datasets: [
          {
            label: props.timeFrames,
            backgroundColor: props.chartBGColor,
            data: props.data
          }
        ]
      }}
    />
  );
}

功能条形图（道具）{
返回(
);
}