小编isa*_*tan的帖子

在带有钩子的React中，更新状态的正确方法是嵌套对象是什么？

export Example = () => {
  const [exampleState, setExampleState] = useState(
  {masterField: {
        fieldOne: "a",
        fieldTwo: {
           fieldTwoOne: "b"
           fieldTwoTwo: "c"
           }
        }
   })

一个人怎么会使用setExampleState到的更新exampleState来a（附加一个字段）？

const a = {
masterField: {
        fieldOne: "a",
        fieldTwo: {
           fieldTwoOne: "b",
           fieldTwoTwo: "c"
           }
        },
  masterField2: {
        fieldOne: "c",
        fieldTwo: {
           fieldTwoOne: "d",
           fieldTwoTwo: "e"
           }
        },
   }
}

b （改变价值）？

const b = {masterField: {
        fieldOne: "e",
        fieldTwo: {
           fieldTwoOne: "f"
           fieldTwoTwo: "g"
           }
        }
   })

我正在尝试使用 Gatsby Js 构建一个组件，其中包含导入的图像。然而，当添加带有锚 HTML 标记的链接时，我收到了img is a void element tag and must neither havechildrenangerlySetInnerHTML` nor use。

没有的<a> ... </a>话就不会有这样的错误。

我的代码：

import React from "react"
import medium from "../images/medium.png"


const Socials = () => (
    <div>
        <a href="https://medium.com"> <img src={medium}> </img> </a>
    </div>
)
export default Socials

堆栈跟踪：

  in img (at Socials.js:8)
    in a (at Socials.js:8)
    in div (at Socials.js:7)
    in Socials (at pages/index.js:44)
    in IndexPage (created by HotExportedIndexPage)
    in AppContainer (created by HotExportedIndexPage)
    in …

没有background-image与下面的设置可见。作为调试一步，我已经尝试设置background: pink内const background，这确实可行，确认emotion运行正常。

打开时，React Dev Tools extension我可以看到background-image: url(../images/page_backgroundgradient.png), url(../images/page_background.png);没有错误的应用。

请问我的问题是什么？

我的文件结构如下所示：

frontend/
  src/
    images/
      page_background.png
      page_backgroundgradient.png
    pages/
      index.js

我index.js正在尝试添加背景图片的我。

...
import { css, Global } from "@emotion/core"


const background = css`
  background-image: url(../images/page_backgroundgradient.png), url(../images/page_background.png);
`
<div css={background}>
   ...
</div>