handleActions({ 'add comment'(state, action) { const id = action.payload.videoId; const videoComment = state.filter((comment) => comment.videoId === id); return [{ videoId: action.payload.videoId, text: action.payload.text, author: action.payload.author, id: (videoComment) ? videoComment.length+1 : 0, }, ...state]; }, }, comments)
render(){ return ( <div className="App"> <header> <form id="to-do-form" onSubmit={this.addItem}> <input type="text" placeholder="Enter task" value= {this.state.currentItem.text} onChange={this.handleInput}></input> <button type="submit">Add</button> </form> <p>{this.state.items.text}</p> <ListItems items={this.state.items} deleteItem={this.deleteItem} setUpdate={this.setUpdate}/> </header> </div> ); }
(function(){ var nameMap = [], typeMap = {}; Tokens.UNKNOWN = -1; Tokens.unshift({name:"EOF"}); for (var i=0, len = Tokens.length; i < len; i++){ nameMap.push(Tokens[i].name); Tokens[Tokens[i].name] = i; if (Tokens[i].text){ if (Tokens[i].text instanceof Array){ for (var j=0; j < Tokens[i].text.length; j++){ typeMap[Tokens[i].text[j]] = i; } } else { typeMap[Tokens[i].text] = i; } } } Tokens.name = function(tt){ return nameMap[tt]; }; Tokens.type = function(c){ return typeMap[c] || -1; }; })();
<header className="App-header"> <img src={logo} className="App-logo" alt="logo" /> <p>Hello, {state.text}!</p> <a className="App-link"
handleActions({ 'add video' (state, action) { const service = (action.payload.text.split('.')[1] === 'youtube') ? 'youtube' : 'vimeo'; const video = (service === 'youtube') ? action.payload.text.split('v=')[1] : action.payload.text.split('com/')[1]; return [{ service: service, video: video, title: action.payload.title, id: state.length, }, ...state] }, 'delete video' (state, action) { return state.filter(video => video.id !== action.payload); }, 'search video' (state, action) { const stateNew = state.filter(video => video.title === action.payload); return (stateNew.length === 0) ? videos : stateNew; }, }, videos)
const text = slides[tutorialScreen - 1].text; if (Array.isArray(text)) return text.map((text) => <p>{text}</p>); else return <p>{text}</p>;