小编E.D*_*E.D的帖子

我在我的博览会应用程序中使用样式组件。
我需要使用这个盒子阴影：

box-shadow: 0px 6px 8px rgba(25, 50, 47, 0.08),0px 3px 4px rgba(18, 71, 52, 0.02), 0px 1px 16px rgba(18, 71, 52, 0.03);

但是当我将它放入我的样式组件中时，如下所示：

const BackButton = styled.TouchableOpacity`
  flex-direction: row;
  width: 40px;
  height: 40px;
  align-items: center;
  position: absolute;
  left: ${normalize(26)}px;
  justify-content: center;
  padding: 0px 20px 2px;
  border-radius: 12px;
  background-color: ${EAppColors.BASIC_LIGHT_BLUE};
 box-shadow: 0px 6px 8px rgba(25, 50, 47, 0.08),0px 3px 4px rgba(18, 71, 52, 0.02), 0px 1px 16px rgba(18, 71, 52, 0.03);
`;

我有这个错误：

在你看来我该如何应用这个box-sahdow？

我正在尝试使用 jest-native 作为额外的匹配器，我认为我遇到了安装问题......
我正在使用 expo 的 React-native ts 应用程序，这是我的版本：

• 世博会：“~39.0.0”
• @testing-library/react-native版本：“^7.1.0”
• 玩笑预设: '玩笑博览会',
• 反应本机版本：“63.4”

我想以这种方式使用它：

import { toHaveProp } from '@testing-library/jest-native';

expect.extend({ toHaveProp });

但它给了我这个错误：

Module '"../../../../../../node_modules/@testing-library/jest-native/extend-expect"' has no exported member 'toHaveProp'.

任何想法 ？

我正在第一次测试Gatsby和GraphQl，并且正在尝试一个简单的示例。

我想通过GraphQl请求在布局中显示标题时出现此错误？：未捕获的TypeError：无法读取未定义的属性“站点”

这是我的布局：

import React from 'react'
import { graphql } from 'gatsby'

export default ({ children, data  }) =>
  <div style={{margin: 'auto', maxWidth: 760}}>
  <h2>{data.site.siteMetadata.title}</h2>
  {children}
  <footer>
    Copyright blablb abolajoa.
  </footer>
</div>

export const query = graphql`
query LayoutQuery {
  site {
    siteMetadata {
      title
    }
  }
}
`

和我的gatsby-config.js：

module.exports = {
  siteMetadata: {
    title: `Hardcoders`
  },
  plugins: [
    {
      resolve: 'gatsby-plugin-typography',
      options: {
        pathToConfigModule: 'src/utils/typography.js'
      }
    },
  ]
}  

这是项目的配置：

"dependencies": {
    "gatsby": "^2.0.0",
    "gatsby-plugin-typography": "^2.2.0", …

在我的 expo typescript 应用程序中，我的根组件中有一个函数：

  const getCardType = (type = ECardType.WOOD) => {
    setCardType(type);
  };

并将其传递到我的第一个子组件中：

  <Slider data={slideData} autoPlay={false} getCardType={getCardType} />

这是我传递函数的第一个子组件，它类型声明：

  readonly getCardType?: (type: ECardType) => void;



  const Slider: React.FunctionComponent<ISliderProps> = ({
    data,
    autoPlay,
    getCardType,
 })

之后我将其传递给第二个子组件：

<SliderCardItem cardItem={item} index={index} getCardType={getCardType} />

在这个SliderItem组件中，我使用这个函数：

  useEffect(() => {
    getCardType(cardType);
  }, [cardType]);

但出现 TS 错误： 无法调用子组件中可能“未定义”的对象

我在onPress()中设置了下面的cardType 我仅在此组件中出现此错误 有解决此错误的想法吗？