react-dom

I'm on a situation where I want to make some dom-node size calculations (top, bottom and size properties of the rendered DOM node) What I'm doing right now, on the componentDidUpdate method is to call findDOMNode on this: componentDidUpdate() { var node = ReactDOM.findDOMNode(this); this.elementBox = node.getBoundingClientRect(); this.elementHeight = node.clientHeight; // Make calculations and stuff } This is working fine, but I'm a bit worried about performance, and react best practices. Several places talks about using ref property instead of findDOMNode, but all of them are for child dom

For some reason when I try and enter JavaScript into the angle part of the HTML portion it does not work. I'm using Thymeleaf. Here's the HTML portion: <button className="btn btn-info" onClick={this.displayInfo}>Click for info about {firstName[i]}</button> So in this instance it does not work and returns an error: unexpected error (type=Internal Server Error, status=500) Exception parsing document If I remove the onClick={this.displayInfo} it will work. my function: displayInfo(){ console.log("it worked"); } The render() function: render(){ var {number, firstName, lastName} = this.state; var

I have an input that after the user inserts a text I want to show each word in a button in button-group . I split the sentence and map it that returns <input .....><button onClick=....> so I insert the text in input, after clicking the button the text.split(" ") everything works correctly till here. but in the button group part shows nothing <div className="btn-group" role="group" aria-label="..."> {this.mapArrayToButtons()} </div> mapArrayToButtons(){ this.state.textArr.map((word)=>{ console.log('the word: ',word); return(<button key={word} type="button" className="btn btn-default" value=

Hi I'm having issue while installing react-dom module. I'm able install other modules like react express modules, on windows 10. 64 bit machine npm install react-dom npm WARN package.json -panel-client@1.0.0 No description npm WARN package.json -panel-client@1.0.0 No repository field. npm WARN package.json -panel-client@1.0.0 No README data npm WARN package.json -panel-client@1.0.0 No license field. npm WARN retry will retry, error on last attempt: Error: EBUSY: resource busy or locked, rename 'C:\Users\NOI-DE~1\AppData\Local\Temp\npm-3064-f12f714d\registry.npmjs.org\react-dom\-\react-dom-0.14

I'm working on an app using Leaflet (via react-leaflet ). Leaflet directly manipulates the DOM. The react-leaflet library doesn't change that, it just gives you React components that you can use to control your Leaflet map in a React-friendly way. In this app, I want to use custom map markers that are divs containing a few simple elements. The way to do that in Leaflet is to set your marker's icon property to a DivIcon , in which you can set your custom HTML. You set that inner HTML by setting the DivIcon's html property to a string containing the HTML. In my case, I want that HTML to be

I've seen few posts related to this type of error. But couldn't resolve in mine. My package.json: "react": "~0.14.7", "webpack": "^1.12.13", "react-hot-loader": "^3.0.0-beta.6", . . I'm getting following error on webpack: ERROR in ./public/src/main.js Module not found: Error: Cannot resolve module 'react-dom' in C:\Users\react-example\public\src @ ./public/src/main.js 19:16-36 But in the cmd line when I did npm -v react-dom I get 3.10.10. react-dom is there. But I wonder why it still gives this error. When I installed react-dom through npm "npm install react-dom", and run webpack I get