{"parents":["ef9dac518f9a3ce1bedc184e65796b97d19b1ec5"],"commit":{"revision":"f6a64cad5dee29b50a2284e52aed353e7e7a5ee4","authoredAt":"2017-03-27T12:48:05-07:00","authorName":"Andrew Clark","subject":"Use radio buttons for toggle","shortRevision":"f6a64cad5d","authorEmail":"acdlite@fb.com"},"body":"","files":[{"status":"M","path":"examples\/fiber\/index.html"}],"patch":"diff --git a\/examples\/fiber\/index.html b\/examples\/fiber\/index.html\nindex a62f2bfcaf..0d8ac00029 100644\n--- a\/examples\/fiber\/index.html\n+++ b\/examples\/fiber\/index.html\n@@ -128,10 +128,10 @@\n super();\n this.state = {\n seconds: 0,\n- useTimeSlicing: true\n+ useTimeSlicing: true,\n };\n this.tick = this.tick.bind(this);\n- this.toogleTimeSlicing = this.toogleTimeSlicing.bind(this);\n+ this.onTimeSlicingChange = this.onTimeSlicingChange.bind(this);\n }\n componentDidMount() {\n this.intervalID = setInterval(this.tick, 1000);\n@@ -140,15 +140,15 @@\n if (this.state.useTimeSlicing) {\n \/\/ Update is time-sliced.\n ReactDOMFiber.unstable_deferredUpdates(() => {\n- this.setState(state => ({ ...state, seconds: (state.seconds % 10) + 1 }));\n+ this.setState(state => ({ seconds: (state.seconds % 10) + 1 }));\n });\n } else {\n \/\/ Update is not time-sliced. Causes demo to stutter.\n- this.setState(state => ({ ...state, seconds: (state.seconds % 10) + 1 }));\n+ this.setState(state => ({ seconds: (state.seconds % 10) + 1 }));\n }\n }\n- toogleTimeSlicing() {\n- this.setState(state => ({ ...state, useTimeSlicing: !state.useTimeSlicing}));\n+ onTimeSlicingChange(value) {\n+ this.setState(() => ({ useTimeSlicing: value }));\n }\n componentWillUnmount() {\n clearInterval(this.intervalID);\n@@ -161,7 +161,16 @@\n const transform = 'scaleX(' + (scale \/ 2.1) + ') scaleY(0.7) translateZ(0.1px)';\n return (\n

\n-

dillon1000/react

Files changed