javascript - No call function of parent in Reactjs -

-

i have 2 function in reactjs. when function 1 call function of function two. there have error same

"uncaught typeerror: this.props.onbutonshowclick not function"

this function 1 :

var hiddenedit = react.createclass({     _handleonclick: function(e) {         e.preventdefault(),         this.props.onbutonshowclick(true);     },     render: function() {         return (<span classname="col-lg-2 btn-action-group">             <a classname="add btn-for-view" href={this.props.url_detail} id="btn-add-chapter-123" title="add"></a>             <a classname="edit btn-for-view" onclick={this._handleonclick} id={this.props.id_chapter} title="edit"></a>             <a classname="trash btn-for-delete btn-delete-episode" data-confirm="are sure?" rel="nofollow" data-method="delete" href=""></a>         </span>);     } });

and function 2 

var chapterlist = react.createclass({     _handleonpaginate: function(pagenumber) {         this.props.inpagenate(pagenumber)     },     getinitialstate: function () {     return {          childvisible: false      }; }, _handleonclick: function(params) {     this.state.childvisible = params; }, render: function() {     var showedit = this.state.childvisible;     var chapternodes = this.props.data.chapters.map(function(chapter, index) {         var url_chapter_detail = "/admin/chapters/" + chapter.chapter_id + "/chapter_details";         var btn_edit = "btn-edit-chapter-" + chapter.chapter_id;         var href_delete = "/admin/mangas/" + chapter.manga_id + "/chapters/" + chapter.chapter_id;         var div_chapter = "chapter-" + chapter.chapter_id;         return (<div classname="row item-data" id={div_chapter}>             <div classname="text-data-row">                 <input value={chapter.chapter_id} type="hidden" classname="chapter[manga_id]" id="chapter_manga_id" />                 <span classname="col-lg-1">                 <input classname="form-control" disabled="disabled" type="text" value={chapter.chapter_order} name="chapter[chapter_order]" id="chapter_chapter_order" />             </span>             <span classname="col-lg-5">                 <input classname="form-control" disabled="disabled" type="text" value={chapter.chapter_name} name="chapter[chapter_name]" id="chapter_chapter_name" />             </span>             <span classname="col-lg-2">                 <input classname="form-control" disabled="disabled" type="text" value={chapter.by_group} name="chapter[by_group]" id="chapter_by_group" />             </span>             {                 showedit ? <showedit url_detail={url_chapter_detail} id_chapter="btn_edit" /> : <hiddenedit onbutonshowclick={this._handleonclick} url_detail={url_chapter_detail} id_chapter="btn_edit" />              }         </div>     </div>); });  return (<div classname="form-post-movie" id="form-post-movie" role="form">     <div classname="col-lg-12">         <div classname="list-data">             {chapternodes}         </div>     </div> </div> <div classname="div-page">     <paginatorsection totalpages={this.props.data.meta.total_pages} currentpage={this.props.data.meta.current_page} onpaginate={this._handleonpaginate} />                          </div> </div>); } });

can me solve this?

well, this undefined inside callback of array map. (array.prototype.map() docs)

and value passed onbuttonshowclick prop.

<hiddenedit onbutonshowclick={this._handleonclick} url_detail={url_chapter_detail} id_chapter="btn_edit" />

you should fix passing this second parameter of map:

var chapternodes = this.props.data.chapters.map(function(chapter, index) { /*...*/ }, this);

also, should take @ react's docs dynamic children.


Comments

Post a Comment

Popular posts from this blog

PHP DOM loadHTML() method unusual warning -

-
i had following code works fine on localhost: $document = new domdocument(); $document->loadhtml($p_result); $form = $document->getelementsbytagname('form')->item(0); // code continues using $form variable after same code updated on outside server, loadhtml() failed , issued warning. warning: domdocument::loadhtml() expects parameter 1 valid path, string given in path/name/to/script.php returned null instead of object code pretty gets fatal error. note contents of $p_result absolutely same on outside server , on localhost. but why displays kind of warning , why not work? doesn't loadhtml() expects argument 1 string in first place? why method expects parameter 1 valid path ? just make clear i'm not calling loadhtmlfile() , i'm calling loadhtml() . thanks. you're affected one of php bugs . issue present in php 5.6.8 , 5.6.9. have affected php version on server, , bug-free version on localhost. the bug forbids null
Read more

python - How to create jsonb index using GIN on SQLAlchemy? -

-
here's current code creating index jsonb. index("mytable_data_idx_id_key", mytable.data['id'].astext, postgresql_using='gin') but got error. sqlalchemy.exc.programmingerror: (psycopg2.programmingerror) data type text has no default operator class access method "gin" hint: must specify operator class index or define default operator class data type. [sql: "create index event_data_idx_id_key on event using gin ((data ->> 'id'))"] is there way create index on sqlalchemy? the postgresql specific sqlalchemy docs @ http://docs.sqlalchemy.org/en/latest/dialects/postgresql.html#operator-classes mention postgresql_ops dictionary provide "operator class" used postgresql, , provide example illustrating use: index('my_index', my_table.c.id, my_table.c.data, postgresql_ops={ 'data': 'text_pattern_ops',
Read more

c# - TransactionScope not rolling back although no complete() is called -

-
i'm using transactionscope rollback transaction fail bool errorreported = false; action<importerrorlog> newerrorcallback = e => { errorreported = true; errorcallback(e); }; using (var transaction = new transactionscope()) { foreach (importtaskdefinition task in taskdefinition) { loader.load(streamfile, newerrorcallback, task.destinationtable, processingtaskid); } if (!errorreported) transaction.complete(); } i'm sure there no transactionscope started ahead or after code. i'm using entity framework insert in db. regardless state of errorreported transaction never rolled in case of error. what missing ? transactionscope sets transaction.current . that's does. wants transacted must @ property. i believe ef each time connection opened reason. probably, connection open when scope installed. open connection inside of scope or enlist manually. ef has nasty "design decision": default opens
Read more