javascript - Lazy transition animations react -


hi using react render lists. receive data via xhr , display these. part of data displaying progress bar of kind. thats done div element, gets inline width style.

in css changes width cause these changes animated. since that's rendered simultenously alongside rest of dom, thats not animated on first render. workaround use timeout.

i wonder if better in matter, since consider timeouts not being practice. i'd rather prefer using kind of event triggered behavior. sth. "after render" or similar things. thoughts?

class container extends react.component {  componentdidmount() {      let maxpts = 0;     const persons = fetchpersons();      persons.foreach(function (person) {         maxpts = math.max(maxpts, person.pts || 0);     });      this.setstate({         data: athletes,         dataaccepted: true     });      // todo: practice? causes width set later on allow transition     window.settimeout(() => {         this.setstate({             max: maxpts         });     }, 250); }  render() {     return (         <view>             <presenter max={this.state.max} persons={this.state.data}/>         </view>     ); }

}


Comments

Post a Comment

Popular posts from this blog

python - RuntimeError: can't re-enter readline -

i making python 3 app has prompt user enters commands. i'm running python 3.5 on macos sierra. i'm trying prevent exiting ctrl+c , having users exit instead typing exit prompt. i doing using method: https://stackoverflow.com/a/6019460/7450368 however, when prompting user again, runtimeerror: can't re-enter readline . is there way can fix this? here's code: import interpret import signal def siginthand(sig, frm): print("\nuse 'exit' exit.") prompt() signal.signal(signal.sigint, siginthand) version = ("v0.0.3") class commanderror(exception): pass def prompt(): try: task = input("einstein " + version + " > ") except runtimeerror: task = input("einstein " + version + " > ") try: execute(task) except commanderror e: print(e) prompt() def execute(command): command = command.lower() interpret.interp...
Read more

python - PyInstaller UAC not working in onefile mode -

hello everybody. i have small python project , want make single executable file . using... windows 7 python 3.4 pyinstaller 3.2.1 my pyinstaller command is, pyinstaller -y -w -f -n output_file_name --uac-admin --clean source_file.py this command works properly. single output file not ask admin rights when executed. , there's no shield mark on executable file icon. when remove -f option (equivalent --onefile), output executable file has shield mark on icon , ask me admin rights. not want. want single executable file. i found manifest file (output_file_name.exe.manifest) in dist\output_file_name folder. did... pyinstaller -y -w -f -n output_file_name --manifest output_file_name.exe.manifest --uac-admin --clean source_file.py but command doesn't work. single executable file still not ask admin rights. i have removed pyinstaller , installed recent development version. pip install git+https://github.com/pyinstaller/pyinstaller.git@develop but result...
Read more

ios - Pass NSDictionary from Javascript to Objective-c in JavascriptCore -

i'm using javascriptcore in app. now, i'm passing variables jscontext can passed objective-c. however, 1 of variables, nsdictionary, not passing through correctly. run code below: var evaluate = function(variables) { app.setdictionary(variables.dictionary); } this simple example has these following methods set in jscontext . this setdictionary() method: - (void)setdicationary:(nsdictionary *)dictionary { self.mutabledictionary = [dictionary mutablecopy]; } this variables.dictionary : - (nsdictionary *)dictionary { return self.values; } and how call evaluate() : jsvalue *jsfunction = self.context[@"evaluate"]; jsvalue *value = [jsfunction callwitharguments:@[self.variables]]; however, in setdictionary method, don't nsdictionary, instead nsstring containing [object object] . any ideas how can solve this? although javascriptcore automatically converts types between objective-c or swift , javascript, suggest implement ex...
Read more