是否仅将样式设置为typescript React中数组的最后一个索引？

import styled from 'styled-components';

const Container = styled.div`
  /* 样式设置 */
`;

const MyComponent = () => {
  const data = [1, 2, 3];
  const lastItem = data[data.length - 1];

  return (
    <Container>
      {/* 组件内容 */}
    </Container>
  );
};

/** @jsxImportSource @emotion/react */
import { css } from '@emotion/react';

const containerStyle = css`
  /* 样式设置 */
`;

const MyComponent = () => {
  const data = [1, 2, 3];
  const lastItem = data[data.length - 1];

  return (
    <div css={containerStyle}>
      {/* 组件内容 */}
    </div>
  );
};

const MyComponent = () => {
  const data = [1, 2, 3];
  const lastItem = data[data.length - 1];

  return (
    <div>
      <style jsx>{`
        /* 样式设置 */
      `}</style>
      {/* 组件内容 */}
    </div>
  );
};