diff --git a/src/area/index.js b/src/area/index.js
index 60ec8ec2c..15a6b2a58 100644
--- a/src/area/index.js
+++ b/src/area/index.js
@@ -51,8 +51,8 @@ export default createComponent({
     const pickerRef = ref(null);
 
     const state = reactive({
-      code: ref(props.value),
-      columns: reactive([{ values: [] }, { values: [] }, { values: [] }]),
+      code: props.value,
+      columns: [{ values: [] }, { values: [] }, { values: [] }],
     });
 
     const areaList = computed(() => {
diff --git a/src/nav-bar/index.js b/src/nav-bar/index.js
index 4ce995fb1..2467f1567 100644
--- a/src/nav-bar/index.js
+++ b/src/nav-bar/index.js
@@ -91,7 +91,7 @@ export default createComponent({
         return (
           <div
             class={bem('placeholder')}
-            style={{ height: `${height.value}px` }}
+            style={{ height: height.value && `${height.value}px` }}
           >
             {renderNavBar()}
           </div>