reactjs-在约​​会屏幕上显示个人空间

如何解决reactjs-在约​​会屏幕上显示个人空间

我正在使用react devextreme-reactive-appointment屏幕。我有自己的自定义域名。我想在屏幕上显示它们。我该怎么办？

所以有一个列叫做“ customerName”，我想在约会屏幕上显示它。我在下面的代码段中遇到了麻烦。

 const AppointmentFormContainer = withStyles(containerStyles,{ name: 'AppointmentFormContainer' })(({
    data,...restProps
 }: AppointmentContainerBasic) =>  {

 return (
<Appointments.AppointmentContent {...restProps} data={data}>
  <div className={classes.container}>
    <div>
      {data.customerName}
    </div>
    <div className={classNames(classes.text,classes.content)}>
      {data.customerSurname}
    </div>
    </div>
   </Appointments.AppointmentContent>
   );
 });

https://codesandbox.io/s/2wfsj?file=/demo-data/appointments.js