state = {};

constructor(props) {

super(props);

this.state = {

options: STRINGOPTIONS,

qf: StringQuestionFactory,

labels: StringConstants.DEFAULTLABELSOPTION,

maxtime: StringConstants.MAXTIME,

addtime: StringConstants.ADDTIME,

};

}

handleOptions = (options, id, checked) => {

console.log("options have changed", options, id, checked);

// timer and label options are handled here.

// other options are used by the question factory

switch (id) {

case StringConstants.LABELSOPTIONID:

let labels = checked;

this.setState({ labels, options });

return;

default:

console.log("other option in string game engine");

break;

}

this.setState({ options });

};

render() {

//console.log("disarray game engine render labels = ", this.state.labels);

return (

<div>

<GameEngine

title={StringConstants.STRINGGAMETITLE}

options={this.state.options}

handleOptions={this.handleOptions}

labels={this.state.labels}

qf={this.state.qf}

maxtime={this.state.maxtime}

addtime={this.state.addtime}

/>

<h6>Select all the letters that are printed.</h6>

</div>

);

}