javascript - 在 native react 中获取类型错误 undefined object ？

Question

我正在尝试在 render() 中输出数据，但出现错误，为什么？

代码:

render() {

        let marketing_plan_projects = [];

        marketing_plan_projects = this.props.markets.data ? this.props.markets.data : null;
        let marketing_updates = get_marketing_updates_from_projects(marketing_plan_projects);

        console.log(marketing_updates);

        return (
            <ScrollView style={styles.container}>

                <Text>{marketing_updates[0].project_name}</Text>

            </ScrollView>
        );
    }

我也试过这个:(仍然报错)

<Text>{marketing_updates ? marketing_updates[0].project_name: ""}</Text>

console.log(marketing_updates) 是:

我收到以下错误:

Answer 1

这一行:

marketing_updates ? marketing_updates[0].project_name: ""

不测试数组是否为空，只测试它是否存在。测试 marketing_updates = [] 将返回 true，因为它是一个真实值。

有关更多信息，请参见此处:https://developer.mozilla.org/en-US/docs/Glossary/Truthy

因此，您可以拥有一个现有数组，但 marketing_updates[0] 的值可能为空，因此未定义。

为了避免你的错误，试试这个:

marketing_updates.length != 0 ? marketing_updates[0].project_name: ""