DIV를 편집하여 포커스를 가져오는 두 가지 방법

리액트 공식 소개 편집 가능한 div의 자료는 비교적 적고 방식 2는 모든 자료에서 찾지 못했으며 특수한 방법으로 이루어졌다.
dangerouslySetInnerHTML은 React 전용 속성입니다

<div id="context" contentEditable={true} dangerouslySetInnerHTML={{__html: this.state.inputValueHtml}}>div>

포커스 가져오기 1

document.querySelector('#context').focus();

PS: 위 방법은 문장 첫머리에만 초점을 맞출 수 있습니다

포커스 가져오기 2

let srcObj = document.querySelector('#context');
let selection = window.getSelection();
let range = document.createRange();
range.selectNodeContents(srcObj);
selection.removeAllRanges();
selection.addRange(range);
range.setStart(srcObj, 1);
range.setEnd(srcObj, 1);

상기 방식은 마지막 문장 끝에서 초점을 얻는다