对组件的测试中的React设置状态

Question

我正在尝试为我的recaptcha组件编写测试。我有一个有条件的声明，即如果网站密钥为true/具有值，则返回recaptcha。这是美国。

Const [reCaptchaKey, setReCaptchaKey] = useState(null);

这是我要测试的代码的一个示例。没有任何道具将其带入测试的组件中。

{recaptchaKey && (
  <div>
    <ReCAPTCHA ....
  </div>
  )}

这就是我到目前为止的。

test('No error', async () => {
  const recaptchaKey = 'key123';
  const setRecaptchaKey = () => {return recaptchaKey};
  const component = shallow(
  <ReCaptcha recaptchaKey={recaptchaKey} 
    setRecaptchaKey={setRecaptchaKey} /> 
  );
    expect(component).toMatchSnapshot();
})

我知道上述代码不起作用，我尝试使用jest.fn（），尽管我认为我没有正确使用它。我可能应该说，如果我记录了键，它将返回“ null”，这样我就可以用一只手来弄清楚如何将其设置为true。