Передать в пропсу jsx?

Question

[ajlee4]

Подскажите пожалуйста как я могу передать в пропсу jsx например:

const A = ({children, footer}) => (
                <View>
                    {children}
                    <View>
                        {/*тут условно какая-то супер-крутая верстка для футера*/}
                        {footer}
                    </View>
                </View>
            )
            
            const B = () => {
                const footer = () => (
                    <View>
                        <Text>
                            footer
                        </Text>
                    </View>
                )
                return (
                    <View>
                        <A footer={footer}>
                            <Text>
                                lorem
                            </Text>
                        </A>
                    </View>
                )
            }

Comments

[Gary_Ihar]

Так у тебя вроде же все должно корректно передаться. Правда в компоненте А функцию footer надо вызвать и все

[szQocks]

Либо вызывать, либо вариант в ответах , за место функции просто сделать шаблон xD

Answer 1

[abberati]

const B = () => {
                const footer = (
                    <View>
                        <Text>
                            footer
                        </Text>
                    </View>
                )
                return (
                    <View>
                        <A footer={footer}>
                            <Text>
                                lorem
                            </Text>
                        </A>
                    </View>
                )
            }