<sectionid="description"> Puede diseñar un componente con estado más complejo combinando los conceptos cubiertos hasta ahora. Estos incluyen el <code>state</code> inicialización, los métodos de escritura que establecen el <code>state</code> y la asignación de controladores de clics para activar estos métodos. </section>
<sectionid="instructions"> El componente <code>Counter</code> realiza un seguimiento de un valor de <code>count</code> en el <code>state</code> . Hay dos botones que llaman a los métodos <code>increment()</code> y <code>decrement()</code> . Escriba estos métodos para que el valor del contador se incremente o disminuya en 1 cuando se hace clic en el botón apropiado. Además, cree un método de <code>reset()</code> para que cuando se haga clic en el botón de reinicio, el conteo se establezca en 0. <strong>Nota:</strong> Asegúrese de no modificar los <code>classNames</code> de <code>classNames</code> de los botones. Además, recuerde agregar los enlaces necesarios para los métodos recién creados en el constructor. </section>
- text: '<code>Counter</code> debe devolver un elemento <code>div</code> que contiene tres botones con contenido de texto en este orden <code>Increment!</code> , <code>Decrement!</code> , <code>Reset</code> .'
testString: 'assert((() => { const mockedComponent = Enzyme.mount(React.createElement(Counter)); return (mockedComponent.find(".inc").text() === "Increment!" && mockedComponent.find(".dec").text() === "Decrement!" && mockedComponent.find(".reset").text() === "Reset"); })(), "<code>Counter</code> should return a <code>div</code> element which contains three buttons with text content in this order <code>Increment!</code>, <code>Decrement!</code>, <code>Reset</code>.");'
- text: El estado del <code>Counter</code> debe inicializarse con una propiedad de <code>count</code> establecida en <code>0</code> .
testString: 'assert.strictEqual(Enzyme.mount(React.createElement(Counter)).state("count"), 0, "The state of <code>Counter</code> should initialize with a <code>count</code> property set to <code>0</code>.");'
- text: Al hacer clic en el botón de incremento se debe incrementar el conteo en <code>1</code> .