score:0
Accepted answer
you need to replace classname
with classname
( n capital in classname). it should fix your issue.
try the code given below:
import "./app.css";
function app() {
return (
<div classname="wrapper">
<h1>booklist app</h1>
<p>add or remove books</p>
<div classname="main">
<div classname="form-container"></div>
<div classname="view-container"></div>
</div>
</div>
);
}
export default app;
Source: stackoverflow.com
Related Query
- CSS not being applied to component in React
- Why is the CSS module styling not being applied on the first component in a list of react child components?
- CSS class selector styles not being applied in React Project
- Css classname not applied to react component
- CSS background-clip property not being applied in React when background is dinamically changing
- border-radius not being applied to React Component with nested Sass
- Style not being applied correctly to Navbar React component
- CSS style is not correctly being applied when conditional render in React
- CSS styles are not being applied to React file
- componentDidMount() not being called when react component is mounted
- Some CSS loaded into React app are not applied
- list.map not being displayed in React Component
- React - responsive app - better to hide element in component via CSS or not render it
- Custom React Component Library not loading CSS when installed as dependency in another react project
- React and Tailwind CSS: dynamically generated classes are not being applied
- D3 line chart component not being updated inside useEffect in React
- React CSS Modules - Some CSS is not applied (for 'active' class set by NavLink component)
- React component is not being displayed on browser, getting empty screen
- transition between components in reactjs not working and css properties not being applied
- React - component state not being set
- In react class component why is the state not being changed in the first instance of button click? But in the second instance it gets updated?
- LESS style not applied to react component in react+webpack application
- React Material UI ThemeProvider not being applied
- React - Inline dynamic component style not being updated onMouseOver and onMouseOut events
- Intermediate component logic only being applied once React
- React js css stylesheet applied to more than one component
- CSS not changing when using React Router to route to another component
- React TransitionGroup lifecycle methods not being called when component is loaded
- Find whether a React component is being displayed or not
- React not rendering what is being returned by a function component
More Query from same tag
- How do I trigger an action after login using react-redux and react-aad-msal?
- looping in Typescript
- Is there a way to use Materialize CDN with Next.js?
- Parsing error: The keyword 'import' is reserved
- How to show markers on map fetching data from a JSON file on React Native
- No overload matches this call on simple react app
- Cannot get prevState from componentDidUpdate lifecycle hook in React.js v18.1.0
- Invalid Hook Call Warning
- How to access the class name of a React object in this.props.children
- Why local variables in React functional component?
- ReactJS pagination error "Cannot read property 'slice' of undefined"
- how can i change Go to text in Quick Jumper antd pagination
- Updates don't get displayed in the UI immediately in React
- With Semantic UI React, how to build a tag input similar to Stack Overflow's?
- Getting import/export eror in reactjs/redux
- Dom node insertion/removal without mutation observers
- displays channels[object Object] instead of the real values
- redux-auth-wrapper issue with Redirect Back - Always redirect to Home
- .then is run before promise is returned, why?
- How can I write an adapter for my React Final Form component with Typescript?
- How to trigger action on mount, but after redux storage load
- Avoid calling functions multiple times ReactJs
- React-Redux - Hooks API
- React getting prop into child
- React TypeScript Input Paste Event
- Using redux-form I'm losing focus after typing the first character
- ReactJS (beginner) Using Youtube API - Returned Object Not Allowing Me to Access VideoId Property
- How to use babel-jest to transpile tests
- React ApolloClient mutations
- how do i set programmatically checkbox property 'checked' or 'defaultChecked' in react