Блог

Я становлюсь h2 неопределенным component2 . Как передать CSS-модуль в реквизит? Добавление className в дочерний компонент из родительского компонента с помощью реквизитов.

Используя: Next.js версия 11.1.0

пример:

компонент 1:

 import React from 'react'
import Component2 from './Component2'
import styles from './css/styles.module.css'

function component1() {
    return (
        <>
            <h1 className={styles.h1}>hello World</h1>
            <Component2 styles={styles}/>
       </>
    )
}

export default component1
 

компонент 2:

 import React from 'react'

function component2(props) {

    const styles = props.styles

    return (
        <>
            <h2 className={styles.h2}>Hellow World 2</h2>
        </>
    )
}

export default component2