小编stA*_*AMy的帖子

我目前正在尝试更新到 Styled Components 5.0.0，但我遇到了一些问题，我的 JEST 测试停止工作。我已经降级到 4.2.1，但仍然更新了 babel@preset-react、preset-env、core 和其他一些包。当我尝试运行 npm test 时出现此错误：

“找不到样式组件的秘密内部结构”，它指向import 'jest-styled-components';Jest-styled-components 也更新到 7.0.0

为了使所有单元格都将上下文设置为居中并自动展开，以便彼此不重叠，我有些挣扎。

所以我想做的是：

1. 将每个单元格中的信息设置为居中，因为这样可以更好地打印到PDF / etc。

2. 根据单元格中有多少文本来使单元格扩展。我不希望A中的信息遍历单元格B。

香港专业教育学院尝试过此代码，但它似乎不起作用：

$styleArray = array(
            'borders' => array(
                'outline' => array(
                    'style' => Alignment::HORIZONTAL_CENTER,
                ),
            ),
        );

        $sheet ->getStyle('A1:D30')->applyFromArray($styleArray);

如果我对一个单元格（中心上下文）执行此操作，它将起作用。这样吗：

$sheet->setCellValue('A2', $activitiesCount)->getStyle('A2')->getAlignment()->setHorizontal(Alignment::HORIZONTAL_CENTER);

对于尚未扩展的细胞，我尚未找到解决方案。

如果可能的话，我想只用1个命令在所有单元格上都做。

我正在尝试在“选择”下拉列表中设置 aria-labels 和辅助功能设置

我有一个通过选项映射的选择组件。对如何设置咏叹调标签并以正确的方式连接它们有点困惑。他们需要互相指出吗？喜欢下拉菜单本身及其替代方案吗？

<StyledSelect
        key={JSON.stringify(eventTypes)}
        data-attr="eventType"
        error={item.errors && item.errors.noEvent && item.errors.noEvent[0]}
        onChange={e => onChange(e, item)}
        placeholder={intl.formatMessage(generalMessages.incident)}
        value={`${item.updates.eventType || ''}`}
        formatValue={val => eventTypes.find(type => type.id === val)
        && i18nFormat.membersEventTypes
          .getNameForType(intl, eventTypes.find(type => type.id === val))}
        variant="round"
      >
        {eventTypes
          .map(type => (
            <Option key={`${type.name}_${type.id}`} value={`${type.id}`}>{i18nFormat.membersEventTypes.getNameForType(intl, type)}</Option>
            // <Divider key=sch{`${key}_divider`} />
          ))}
      </StyledSelect>

所以我需要在组件内使用 aria-labels，但是我需要指向/引用父级吗？