คำถามติดแท็ก state

นี่คือสถานการณ์ของฉัน: บน this.handleFormSubmit () ฉันกำลังดำเนินการ this.setState () ภายใน this.handleFormSubmit () ฉันกำลังเรียกสิ่งนี้ว่า findRoutes (); - ซึ่งขึ้นอยู่กับความสำเร็จของ this.setState () this.setState (); ไม่เสร็จสมบูรณ์ก่อนหน้านี้ findRoutes เรียกว่า ... ฉันจะรอให้ this.setState () ใน this.handleFormSubmit () เสร็จสิ้นก่อนที่จะเรียก this.findRoutes () ได้อย่างไร โซลูชันย่อย: วาง this.findRoutes () ใน componentDidUpdate () สิ่งนี้ไม่สามารถยอมรับได้เนื่องจากจะมีการเปลี่ยนแปลงสถานะอื่น ๆ ที่ไม่เกี่ยวข้องกับฟังก์ชัน findRoutes () ฉันไม่ต้องการเรียกใช้ฟังก์ชัน findRoutes () เมื่อมีการอัปเดตสถานะที่ไม่เกี่ยวข้อง โปรดดูข้อมูลโค้ดด้านล่าง: …

108 javascript  reactjs  state 

ฉันยังค่อนข้างใหม่ที่ React แต่ฉันค่อยๆบดไปเรื่อย ๆ และฉันเจอบางอย่างที่ฉันติดขัด ฉันกำลังพยายามสร้างองค์ประกอบ "ตัวจับเวลา" ใน React และพูดตามตรงว่าฉันไม่รู้ว่าฉันทำถูกต้อง (หรือมีประสิทธิภาพ) ในรหัสของฉันด้านล่างผมตั้งรัฐที่จะกลับวัตถุ{ currentCount: 10 }และได้รับ toying กับcomponentDidMount, componentWillUnmountและrenderและฉันเท่านั้นจะได้รับของรัฐที่จะ "นับถอยหลัง" 10-9 คำถามสองส่วน: ฉันผิดอะไร และมีวิธีที่มีประสิทธิภาพมากกว่าในการใช้ setTimeout (แทนที่จะใช้componentDidMount& componentWillUnmount) หรือไม่? ขอบคุณล่วงหน้า. import React from 'react'; var Clock = React.createClass({ getInitialState: function() { return { currentCount: 10 }; }, componentDidMount: function() { this.countdown = …

107 javascript  reactjs  settimeout  state 

มีวิธีลบสไตล์ของปุ่มใน Internet Explorer โดยสิ้นเชิงหรือไม่? ฉันใช้สไปรต์ css สำหรับปุ่มของฉันและทุกอย่างก็ดูโอเค แต่พอคลิกปุ่มมันจะเลื่อนไปด้านบนเล็กน้อยมันทำให้ดูไม่เป็นทรง มีสถานะการคลิก CSS หรือถูกเลื่อนลงหรือไม่? ฉันไม่รู้ว่าอะไรเป็นตัวกระตุ้นสถานะนั้น ฉันรู้ว่ามันไม่ใช่เรื่องใหญ่ แต่บางครั้งมันก็เป็นเรื่องเล็ก ๆ ที่สำคัญ

99 html  css  internet-explorer  button  state 

ฉันมีสิ่งนี้: let total = newDealersDeckTotal.reduce(function(a, b) { return a + b; }, 0); console.log(total, 'tittal'); //outputs correct total setTimeout(() => { this.setState({dealersOverallTotal: total}); }, 10); console.log(this.state.dealersOverallTotal, 'dealersOverallTotal1'); //outputs incorrect total newDealersDeckTotal เป็นเพียงอาร์เรย์ของตัวเลข[1, 5, 9]เช่น แต่this.state.dealersOverallTotalไม่ได้ให้ผลรวมที่ถูกต้อง แต่total? ฉันยังใช้เวลาหน่วงเวลาเพื่อดูว่าวิธีนี้ช่วยแก้ปัญหาได้หรือไม่ ชัดเจนหรือควรโพสต์โค้ดเพิ่มเติม

99 javascript  reactjs  state  setstate 

ในส่วนประกอบการตอบสนองของฉันฉันพยายามใช้สปินเนอร์แบบธรรมดาในขณะที่คำขอ ajax กำลังดำเนินการอยู่ - ฉันใช้สถานะเพื่อเก็บสถานะการโหลด ด้วยเหตุผลบางประการโค้ดด้านล่างในองค์ประกอบการตอบสนองของฉันทำให้เกิดข้อผิดพลาดนี้ อัปเดตได้เฉพาะส่วนประกอบที่ติดตั้งหรือติดตั้งเท่านั้น โดยปกติจะหมายถึงคุณเรียกว่า setState () บนส่วนประกอบที่ไม่ได้ต่อเชื่อม นี่คือ no-op โปรดตรวจสอบรหัสสำหรับส่วนประกอบที่ไม่ได้กำหนด หากฉันกำจัดการเรียก setState แรกข้อผิดพลาดจะหายไป constructor(props) { super(props); this.loadSearches = this.loadSearches.bind(this); this.state = { loading: false } } loadSearches() { this.setState({ loading: true, searches: [] }); console.log('Loading Searches..'); $.ajax({ url: this.props.source + '?projectId=' + this.props.projectId, dataType: 'json', crossDomain: …

92 javascript  ajax  reactjs  state 

ฉันกำลังพยายามกำหนดตระกูลของเครื่องสถานะที่มีสถานะแตกต่างกันบ้าง โดยเฉพาะอย่างยิ่งยิ่งเครื่องจักรซับซ้อน "รัฐ" มีสถานะที่เกิดขึ้นจากการรวมรัฐของเครื่องจักรรัฐง่ายขึ้น (สิ่งนี้คล้ายกับการตั้งค่าวัตถุที่วัตถุมีหลายคุณลักษณะที่เป็นวัตถุด้วย) นี่คือตัวอย่างที่เรียบง่ายของสิ่งที่ฉันต้องการบรรลุ data InnerState = MkInnerState { _innerVal :: Int } data OuterState = MkOuterState { _outerTrigger :: Bool, _inner :: InnerState } innerStateFoo :: Monad m => StateT InnerState m Int innerStateFoo = do i <- _innerVal <$> get put $ MkInnerState (i + 1) …

9 haskell  state  monads  monad-transformers  state-monad