리액트 고수님들 문의 드립니다

본문 바로가기

리액트 고수님들 문의 드립니다

작성일 2020.11.02댓글 1건
    게시물 수정 , 삭제는 로그인 필요

class B_box extends Component {
render() {
var objDiv = document.getElementById("mydiv");
objDiv.scrollTop = objDiv.scrollHeight;
return (
<div id="mydiv">채팅스크롤되는 영역</div>
); } }

리액트에서 채팅창을 만들려고 하는데
스크롤를 하단기준으로 고정할려고합니다
구글링해보니 알려주더라구요
그런데 리액트의 자바스크립트로 적용할려니 맞지 않는다고 에러가
나서 그러는데 어떻게 해야하요??? 고수님들 문의 드립니다



profile_image 익명 작성일 -

class Messages extends React.Component { const messagesEndRef = React.createRef() componentDidMount () { this.scrollToBottom() } componentDidUpdate () { this.scrollToBottom() } scrollToBottom = () => { this.messagesEnd.current.scrollIntoView({ behavior: 'smooth' }) } render () { const { messages } = this.props return ( <div> {messages.map(message => <Message key={message.id} {...message} />)} <div ref={this.messagesEndRef} /> </div> ) } }

출처는 https://stackoverflow.com/questions/37620694/how-to-scroll-to-bottom-in-react

​

연관된 질문 답변 리스트

에어 맥스270 리액트 정가품 문의드립니다!

... 고수님들! 나이키 트래비스 스캇 에어 맥스270 리액트인데요, 정가품 여부좀 알려주시면 대단히 감사드리겠습니다. 요즘 가품이 너무 잘나와서 머리가 아프네요. ㅠ 제발좀...

나이키, 트래비스스캇, 나이키트래비스스캇리액트, 정가품, 정가품문의드립니다, 코비진스님도와주세요, 코비진스, 트래비스스캇정가품, 나이키트래비스스캇정가품