[BUG]如果两个空变量会报错` Encountered two children with the same key "".`

[yiescc]

Describe the bug 如果有两个空的变量渲染在一个地方就会报错same key

To Reproduce

{[
        { id: 0, icon: "", prefix1: "", suffix1: "" },
        { id: 1, icon: "", suffix1: "", prefix1: "" }
      ].map((item) => {
        return (
          <div key={item.id}>
            {item.id}
            <i style={{ backgroundImage: `url(${item.icon})` }} />
            <span>
              {item.prefix1}
              {item.suffix1}
            </span>
          </div>
        );
      })}

https://codesandbox.io/s/optimistic-microservice-cyeuo?file=/src/app.js

Expected behavior A clear and concise description of what you expected to happen.

Screenshots If applicable, add screenshots to help explain your problem.

(please complete the following information)

• Device: [e.g. iPhone6, Mac]
• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Rax Version [e.g. 1.0.13]

Additional context Add any other context about the problem here.