Question

from itertools import groupby

def remove_adjacencies(s):
    return ''.join(k for k, _ in groupby(s))

print(remove_adjacencies('cssasssdffddd'))  # csasdfd

这段代码未在dom中显示任何内容并显示错误

错误：元素类型无效：需要一个字符串（对于内置组件）或一个类/函数（对于复合组件），但是得到了：对象

Answer 1

您正在渲染Items，就好像它是一个React组件而不是JSX变量一样。如错误所述，React组件只能由字符串（对于HTML元素），类或函数创建。使用<JSX/>语法渲染内容时，它将作为参数传递给React.createElement。 map调用返回的JSX元素数组不是可接受的参数类型之一，因此您将收到此错误。我认为这应该可行：

import React from 'react'

const Newslist=(props)=>{  
    const items = props.news.map((item)=>{
    return (<h2>{item.title}</h2> )
    });
    return(<div> {items} </div>)
}

export default Newslist;

错误：元素类型无效：期望使用字符串（对于内置组件）或类/函数（对于复合组件），但得到：对象

1 个答案: