You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
555 B
21 lines
555 B
import React, { useRef } from 'react'
|
|
import ReactDOM from 'react-dom'
|
|
|
|
const App = (props) => {
|
|
const ref = useRef(null)
|
|
const onClick = () => {
|
|
ref.current.style.backgroundColor = '#61dbfb'
|
|
ref.current.style.padding = '50px'
|
|
ref.current.style.textAlign = 'center'
|
|
}
|
|
return (
|
|
<div className='App'>
|
|
<h1 ref={ref}>How to style HTML from the DOM tree using useRef</h1>
|
|
<button onClick={onClick}>Style it</button>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
const rootElement = document.getElementById('root')
|
|
ReactDOM.render(<App />, rootElement)
|