使用React挂钩的条件

时间:2020-06-09 16:52:33

标签: reactjs react-hooks

如何在React Hooks中使用条件? 我收到此错误:由于{content}

,对象作为React子代无效
let content = favorit ? (
    <MaterialIcons
        style={styles.icon}
        name={'favorite'}
        size={33}
        color={'red'}
        onPress={() => {
            setFavorit(_delFromDB(lokal.id));
        }}
    />
) : (
    <MaterialIcons
        style={styles.icon}
        name={'favorite'}
        size={33}
        color={'red'}
        onPress={() => {
            setFavorit(_saveToDB(lokal.id));
        }}
    />
);

React.useLayoutEffect(() => {
    navigation.setOptions({
        headerRight: () => {
            return { content };
        },
    });
}, [navigation]);

2 个答案:

答案 0 :(得分:1)

之所以发生这种情况,是因为在钩子中您要返回一个对象。

尝试此方法:

df = pd.read_csv("fixed.csv", sep=r"\|")

答案 1 :(得分:0)

对象无效,因为React子错误可能意味着一些不同的地方出了问题。例如,可能是因为JSX元素中呈现的项目是对象而不是基元(所以请确保不要在期望基元的地方传递对象)。

如果没有其他效果,则可以尝试添加import 'core-js' 在项目的index.js文件的第1行