如何根据cookie在GatsbyJS中切换类？

npm install js-cookie

import Cookies from 'js-cookie';

componentDidMount() {
  const cookieValue = Cookies.get('yourCookieName');
  if (cookieValue === 'someValue') {
    // 切换类的逻辑
  } else {
    // 切换类的其他逻辑
  }
}

render() {
  const cookieValue = Cookies.get('yourCookieName');
  const className = cookieValue === 'someValue' ? 'class1' : 'class2';

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