Question

我在设置子组件样式时遇到问题，如下所示：

/*parent component*/

import './styleguide/main.scss';


export default function AppRoot(props) {
  return (

<BrowserRouter>

    <Provider store={props.store}>

        <Routes/>

    </Provider>

</BrowserRouter>
  );
}


/*somewhere in child component*/

<button className='btn' type="button" onClick={() => fields.push({})}>
 New Active Substance
 </button>

实际上，如果我直接在子组件中导入样式，样式将仅： import styles from '../main.scss' 并将其应用为classNames={styles.btn}

那么，我怎样才能让它在父母身上发挥作用并将其作为classNames='btn'应用于儿童？

Answer 1

将Style对象作为子组件的道具和子组件中的访问

反应＆amp; SASS - 样式不适用于子组件

1 个答案: