Posted 2021-05-01 濂囪垶鍛ㄥ垔

缂栬€呮寜锛氭湰鏂囩敱chaussen鍦ㄤ紬鎴愮炕璇戝钩鍙颁笂缈昏瘧銆?/span>

鍋氳繃鏈夊緢澶氬姞鍑忎箻闄ょ殑澶氭楠ゆ暟瀛﹂鍚楋紵鍚屾椂鍙堝枩娆eact.js妗嗘灦鐨勯€熷害鍜屽紑鍙戜綋楠屽悧锛熸湁浜?em class="mq-6">react-real-math妯″潡锛屽氨鍙互鍙戞尌React.js铏氭嫙DOM鏍戠殑鍔熻兘锛岄椋庣伀鐏煍ュ湴瑙ｅ喅鏁板棰樹簡锛?/p>

react-real-math妯″潡鎻愪緵浜嗕竴涓嵆鏃跺彲鐢紝骞朵笖闈炲父鏄撴噦鐨勫厤璐笰PI鎺ュ彛銆傚疄鍦ㄥお鍒掔畻浜嗭紒璁╂垜浠湅鐪嬪疄闄呰繍鐢?em class="mq-9">react-real-math鐨勪緥瀛愬惂銆傛€濊€冧竴涓嬭繖閬撲紶缁熸暟瀛﹂锛屽嚑涔庣湅涓嶆噦鍚э細

1+1脳2=?

鍒嗘瀽璧锋潵瀹炲湪澶毦浜嗐€?浣嗘槸锛屾湁浜?em class="mq-13">react-real-math锛屼笉璐瑰惞鐏颁箣鍔涳細

import { computeValue, Multiple, One, Two } from 'react-real-math'

console.log(computeValue(
  <Multiply by={<Two/>}>
    <One/>
  </Multiply>
))

杩欏氨鏄垜浠鐨勨€滄弧鍒嗮煉煉煉。娆♀€濄€傞€熷害瓒呭揩锛屽紑鍙戜綋楠岃秴鐖斤紝DSL璇█瓒呮銆備笉浠呰璧锋潵鏄撳鍙嶆帉锛岃€屼笖鏂版帴瑙eact.js鐨勭▼搴忓憳涔熷彲浠ュ緢瀹规槗鍦扮湅鎳傝繍琛岃繃绋嬨€傚鏋滀綘涔熸兂涓?em class="mq-54">react-real-math鍋氱偣浠€涔堬紝璇锋潵椤圭洰Github涓婚〉锛?/p>

https://github.com/btnwtn/react-real-math

濂囪垶鍛ㄥ垔

鈥斺€斺€?span class="mq-66">鈥斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€斺€?/span>鈥斺€斺€?/span>

棰嗙暐鍓嶇鎶€鏈?闃呰濂囪垶鍛ㄥ垔

闀挎寜浜岀淮鐮侊紝鍏虫敞濂囪垶鍛ㄥ垔

鈻?/strong>