react-modal css scoping parentSelector

gistfile1.txt

//util
export default getClassesFromNode = node => {
  const classnames = node && node.className
  let classnames_in_string = ''
  classnames.split(' ').forEach(v=>{
    classnames_in_string += '.' + v
  })
  return ()=>document.querySelector(classnames_in_string)
}

//parent 
<div ref={ref => this.parentNode = ref} className='account edit'>
</div>

//custom component that wrap react-modal
<MyModal parentClasses={getClassesFromNode(this.parentNode}

//actual react-modal
<ReactModal parentSelector={parentClasses}>
<div className='modal-body'>content</div>
</div>

//css to style modal content
.acount.edit {
  modal-body {
    
  }
}